Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 9 Next »

Questions:

  •  N/D

Technical Refinement

Description

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:

        • White (default option)

          • Color: background: #F5EBDC;

        • Brown

          • 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:

        • White (default option)

          • Color: background: #FFFFFF;

        • Red

          • 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:

            • White

            • Brown

            • Red

            • Green

            • Orange

            • Yellow

          • Popeyes:

            • Gray

            • Orange

            • Purple

          • Firehouse Subs:

            • White

            • Red

            • 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 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

Screenshots

  • N/D

POC

  • N/D

Impact Analysis

  • Hero component

Dependencies

  • N/D

Unit Test

  • N/D

  • No labels