Page Comparison

...

Today in Sanity’s Hero Component there’s a Reversed option that can be toggled on that enables a background color and changes the texts and buttons to a light color

• intl-whitelabel-app

  • TASK 1–Create feature flag

  • TASK 2–Create color constants

    • Burger King:

      • Brown (default option)

        • Color: background: #502314;

      • Red

        • Color: background: #D62300;

      • Green

        • Color: background: #198737;

      • Orange

        • Color: background: #FF8732;

      • Yellow

        • Color: background: #FFAA00;

    • Popeyes:

      • Gray (default option)

        • Color: background: #F5F1EF;

      • Orange

        • Color: background: radial-gradient(50% 140.08% at 50% 50%, #FF7D00 0%, #F25600 100%);

      • Purple

        • Color: background: linear-gradient(180deg, #911987 0%, #581052 96.4%);

    • Firehouse Subs:

      • Red (default option)

        • Color: background: #C40000;

      • Yellow

        • Color: background: #FFCD78;

• intl-whitelabel-cms

  • TASK 1–We will need to add a new toggle named Background Color

    • path: intl-whitelabel-cms/schemas/components/documents/hero.tsx

      • We will need to add a new toggle option named Background Color

        • The description of the toggle should be updated to “Turn this on to add and choose a background color for the homepage Hero.”

          

  • TASK 2–We will need to create a dropdown

    • path: intl-whitelabel-cms/schemas/components/documents/hero.tsx

      • Use the example:

        • intl-whitelabel-cms/schemas/configuration/pos-configuration/documents/pos-configuration.ts

        • intl-whitelabel-cms/schemas/configuration/pos-configuration/objects/pos-vendor-config-option.ts

      • Create a dropdown to choose the background color with the following options

      • When the Background Color toggle is on it should show:

        

        • Burger King:

          • Brown (default option)

          • Red

          • Green

          • Orange

          • Yellow

        • Popeyes:

          • Orange Gray (default option)

          • Orange

          • Purple

        • Firehouse Subs:

          • Red (default option)

          • Yellow

  • TASK 3–We will need to add a toggle named Split Background

    • path: intl-whitelabel-cms/schemas/components/documents/hero.tsx

      • We will need to add a toggle named Split Background

        • The Split Background toggle should have the following description: “Turn this on to split the background color.”

        • By turning the Split Background toggle on the background color area should be reduced

          

  • TASK 4—Deprecate or remove Reversed toggle

    • path: intl-whitelabel-cms/schemas/components/documents/hero.tsx

      • The Reversed toggle should be deprecated

      • The Reversed toggle option should be removed from Sanity’s UI

...