feat: remove theme option for Callout and CallToAction

varianter · Sep 19, 2024 · a3c802f · a3c802f
1 parent 52fdfa9
commit a3c802f
Show file tree

Hide file tree

Showing 8 changed files with 4 additions and 43 deletions.
diff --git a/src/components/sections/callToAction/CallToAction.tsx b/src/components/sections/callToAction/CallToAction.tsx
@@ -9,11 +9,8 @@ interface CallToActionProps {
 }
 
 const CallToAction = ({ callToAction }: CallToActionProps) => {
-  const theme =
-    callToAction.theme === "primary" ? styles.primary : styles.secondary;
-
   return (
-    <article className={`${styles.article} ${theme}`} id={callToAction._key}>
+    <article className={`${styles.article}`} id={callToAction._key}>
       <Text type="h2">{callToAction?.basicTitle}</Text>
       <ul className={styles.list}>
         {callToAction?.callToActions?.map((cta, index) => (

diff --git a/src/components/sections/callToAction/callToAction.module.css b/src/components/sections/callToAction/callToAction.module.css
@@ -1,18 +1,11 @@
-.primary {
-  background: var(--secondary-gradient-pink);
-}
-
-.secondary {
-  background-color: var(--secondary-yellow-1);
-}
-
 .article {
   display: flex;
   flex-direction: column;
   align-items: center;
   text-align: center;
   gap: 1.5rem;
   padding: 5rem 2rem;
+  background: var(--secondary-gradient-pink);
 
   @media (min-width: 640px) {
     padding: 5rem 3rem;

diff --git a/src/components/sections/callout/Callout.tsx b/src/components/sections/callout/Callout.tsx
@@ -15,10 +15,9 @@ const myPortableTextComponents: Partial<PortableTextReactComponents> = {
 };
 
 const Callout = ({ callout }: CalloutProps) => {
-  const theme = callout.theme == "primary" ? styles.primary : styles.secondary;
   return (
     callout.richText && (
-      <article className={`${styles.shared} ${theme}`} id={callout._key}>
+      <article className={`${styles.shared}`} id={callout._key}>
         <div className={styles.callout}>
           <PortableText
             value={callout.richText}

diff --git a/src/components/sections/callout/callout.module.css b/src/components/sections/callout/callout.module.css
@@ -3,16 +3,9 @@
   flex-direction: column;
   justify-content: center;
   align-items: center;
-}
-
-.primary {
   background: var(--secondary-yellow1);
 }
 
-.secondary {
-  background: var(--primary-white-bright);
-}
-
 .callout {
   composes: shared;
   width: -webkit-fill-available;

diff --git a/studio/lib/interfaces/pages.ts b/studio/lib/interfaces/pages.ts
@@ -4,8 +4,6 @@ import { Slug } from "./global";
 import { IImage, ImageExtendedProps } from "./media";
 import { ILink } from "./navigation";
 
-export type ThemeType = "primary" | "secondary";
-
 export interface HeroSection {
   _key: string;
   _type: string;
@@ -37,15 +35,13 @@ export interface CalloutSection {
   _type: string;
   richText?: PortableTextBlock[];
   link?: ILink;
-  theme?: ThemeType;
 }
 
 export interface CallToActionSection {
   _key: string;
   _type: string;
   basicTitle?: string;
   callToActions?: ILink[];
-  theme?: ThemeType;
 }
 
 export interface TestimonialsSection {

diff --git a/studio/schemas/fields/theme.ts b/studio/schemas/fields/theme.ts
diff --git a/studio/schemas/objects/sections/callToAction.ts b/studio/schemas/objects/sections/callToAction.ts
@@ -2,7 +2,6 @@ import { defineField } from "sanity";
 
 import callToActionField from "studio/schemas/fields/callToActionFields";
 import { title } from "studio/schemas/fields/text";
-import { theme } from "studio/schemas/fields/theme";
 
 export const callToActionSectionID = "ctaSection";
 
@@ -11,7 +10,6 @@ export const callToAction = defineField({
   title: "Call to Action",
   type: "object",
   fields: [
-    theme,
     {
       ...title,
       description:

diff --git a/studio/schemas/objects/sections/callout.ts b/studio/schemas/objects/sections/callout.ts
@@ -1,7 +1,6 @@
 import { defineField } from "sanity";
 
 import { richText, richTextID } from "studio/schemas/fields/text";
-import { theme } from "studio/schemas/fields/theme";
 import { link } from "studio/schemas/objects/link";
 
 export const calloutID = "callout";
@@ -10,7 +9,7 @@ export const callout = defineField({
   name: calloutID,
   title: "Callout",
   type: "object",
-  fields: [theme, richText, link],
+  fields: [richText, link],
   initialValue: {
     theme: "primary",
   },