From 513dc5f8e9428483e41d1d42e2f706d045902468 Mon Sep 17 00:00:00 2001
From: Patrick Rose <patrick.rose@theskillsnetwork.com>
Date: Sat, 2 Mar 2024 21:06:02 +0000
Subject: [PATCH 1/2] Add ability to hide press in side components section

---
 src/app/admin/game/create/api/route.ts | 1 +
 src/components/SideComponents.tsx      | 5 +++--
 src/types/io-ts-def.ts                 | 1 +
 3 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/app/admin/game/create/api/route.ts b/src/app/admin/game/create/api/route.ts
index 7b5feeb..721b633 100644
--- a/src/app/admin/game/create/api/route.ts
+++ b/src/app/admin/game/create/api/route.ts
@@ -108,6 +108,7 @@ const GAME_TYPES: Record<
             theme: "first-contact",
             breakingNewsBanner: true,
             components: ["Defcon"],
+            hidePressInSidebar: true,
         },
         components: [
             {
diff --git a/src/components/SideComponents.tsx b/src/components/SideComponents.tsx
index 8bde6d4..50f84c5 100644
--- a/src/components/SideComponents.tsx
+++ b/src/components/SideComponents.tsx
@@ -128,9 +128,10 @@ export default function SideComponentWrapper({
         });
 
     return (
-        <div className="hidden lg:flex flex-col justify-between border-l-4 border-turn-counter-past-light w-full lg:w-1/3 max-h-screen">
+        <div className="hidden lg:flex flex-col justify-between border-l-4 border-turn-counter-past-light w-full lg:w-1/3 xl:w-1/4 max-h-screen">
             <div className="flex flex-1 flex-col overflow-auto">
-                {setupInformation.press === false ? (
+                {setupInformation.press === false ||
+                setupInformation.hidePressInSidebar ? (
                     <SideComponents components={toShow} />
                 ) : toShow.length > 0 ? (
                     <SideComponentsWithPress
diff --git a/src/types/io-ts-def.ts b/src/types/io-ts-def.ts
index 667f256..b0706ec 100644
--- a/src/types/io-ts-def.ts
+++ b/src/types/io-ts-def.ts
@@ -200,6 +200,7 @@ export const SetupInformationDecode = t.intersection([
     }),
     t.partial({
         press: t.union([t.literal(false), t.array(PressDecode), PressDecode]),
+        hidePressInSidebar: t.boolean,
     }),
 ]);
 

From 10f07389a9e3f0dfb4924ec224584a1c20ba38b6 Mon Sep 17 00:00:00 2001
From: Patrick Rose <patrick.rose@theskillsnetwork.com>
Date: Sat, 2 Mar 2024 21:13:12 +0000
Subject: [PATCH 2/2] Update styling of the DefconStatus component

---
 src/components/DefconStatuses.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/DefconStatuses.tsx b/src/components/DefconStatuses.tsx
index 6162fba..7143a26 100644
--- a/src/components/DefconStatuses.tsx
+++ b/src/components/DefconStatuses.tsx
@@ -95,7 +95,7 @@ export function CountryDefcon({ country, status }: CountryDefconProps) {
     }
 
     return (
-        <div className="flex mx-auto lg:mx-4 w-[320px] max-w-[100%]">
+        <div className="flex mx-auto lg:w-full w-[320px] max-w-full">
             <div
                 className={`flex-1 flex items-center content-center justify-center text-2xl border-0 transition duration-500 rounded-l-full ${BACKGROUNDS[status].activeBackground}`}
             >
@@ -121,7 +121,7 @@ function DisplayDefconStatus({ defcon }: DefconProps) {
 
     return (
         <div className="flex justify-center mx-1">
-            <div className="w-full w-max-[400px]">
+            <div className="w-full">
                 <h3 className="text-2xl mt-2 mb-6 uppercase text-center lg:w-1/2 mx-auto">
                     DEFCON Levels
                 </h3>
@@ -129,7 +129,7 @@ function DisplayDefconStatus({ defcon }: DefconProps) {
                     return (
                         <div
                             key={state}
-                            className="pt-8 w-full xl:w-4/4 grid grid-cols-1 lg:grid-cols-1 gap-4"
+                            className="pt-8 px-4 w-full xl:w-4/4 grid grid-cols-1 lg:grid-cols-1 gap-4"
                         >
                             {countries.map((country, key) => {
                                 return (