From 8ed78a64b18db28214b0aee24ddee0e5443b90f7 Mon Sep 17 00:00:00 2001
From: Lola <lola@egherman.com>
Date: Fri, 8 Dec 2023 18:09:50 -0600
Subject: [PATCH] theme metadata to advanced config

---
 src/pages/events/[event]/advancedConfig.gql |  3 +++
 src/pages/events/[event]/advancedConfig.js  | 29 ++++++++++++++++++++-
 2 files changed, 31 insertions(+), 1 deletion(-)

diff --git a/src/pages/events/[event]/advancedConfig.gql b/src/pages/events/[event]/advancedConfig.gql
index 702d3ef..9414586 100644
--- a/src/pages/events/[event]/advancedConfig.gql
+++ b/src/pages/events/[event]/advancedConfig.gql
@@ -15,6 +15,9 @@ query getEventAdvancedConfigQuery($data: ClearEventWhereUniqueInput!) {
             noticeHero: getMetadata(key: "notice.hero")
             noticeTop: getMetadata(key: "notice.top")
             noticeBox: getMetadata(key: "notice.box")
+            disableTheme: getMetadata(key: "theme.disable")
+            customTheme: getMetadata(key: "theme.custom.text")
+            customThemeBackgrounds: getMetadata(key: "theme.custom.backgrounds")
         }
     }
 }
diff --git a/src/pages/events/[event]/advancedConfig.js b/src/pages/events/[event]/advancedConfig.js
index 6ca7f78..49cc3f3 100644
--- a/src/pages/events/[event]/advancedConfig.js
+++ b/src/pages/events/[event]/advancedConfig.js
@@ -1,13 +1,15 @@
 import React from "react";
 import Page from "../../../components/Page";
 import Breadcrumbs from "../../../components/Breadcrumbs";
-import {Heading, Text} from "@codeday/topo/Atom"
+import {Heading, Link, Text} from "@codeday/topo/Atom"
 import {getSession} from "next-auth/react";
 import {getFetcher} from "../../../fetch";
 import {UiInfo} from "@codeday/topocons/Icon"
 import EditSpecificMetadata from "../../../components/forms/EditSpecificMetadata";
 import { SetEventMetadataMutation } from "../../../components/forms/EditSpecificMetadata.gql"
 import { getEventAdvancedConfigQuery } from "./advancedConfig.gql"
+import DocsCallout from '../../../components/DocsCallout';
+
 export default function AdvancedConfig({event}) {
     if (!event) return <Page />
     return (
@@ -94,6 +96,31 @@ export default function AdvancedConfig({event}) {
                 setMutation={SetEventMetadataMutation}
                 updateId={event.id}
             />
+            <EditSpecificMetadata
+                displayKeyAs="Disable theme"
+                description="Do not show a theme on event.codeday.org or present.codeday.org"
+                metadataKey="theme.disable"
+                value={event.disableTheme}
+                setMutation={SetEventMetadataMutation}
+                updateId={event.id}
+            />
+            <DocsCallout>Read <Link color="brand" to="https://www.notion.so/codeday/Setting-a-custom-theme-87d8785497f3451aab32a395338ee467">this</Link> before setting a custom theme or it <b>will not work.</b></DocsCallout>
+            <EditSpecificMetadata
+                displayKeyAs="Custom theme text"
+                description="Override the theme from Contentful"
+                metadataKey="theme.custom.text"
+                value={event.customTheme}
+                setMutation={SetEventMetadataMutation}
+                updateId={event.id}
+            />
+            <EditSpecificMetadata
+                displayKeyAs="Custom theme backgrounds"
+                description=""
+                metadataKey="theme.custom.backgrounds"
+                value={event.customThemeBackgrounds}
+                setMutation={SetEventMetadataMutation}
+                updateId={event.id}
+            />
         </Page>
     )
 }