PR candidate for the new view state

transcend-io · Aug 4, 2023 · 42b2374 · 42b2374
1 parent cbe7df9
commit 42b2374
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 3 deletions.
diff --git a/src/components/AcceptAllRejectAllToggle.tsx b/src/components/AcceptAllRejectAllToggle.tsx
@@ -15,7 +15,7 @@ let savingTimeout: ReturnType<typeof setTimeout>;
  * Component showing explanatory text before offering a way
  * to opt out of the sale or share of data
  */
-export function DoNotSellExplainer({
+export function AcceptAllRejectAllToggle({
  handleSetViewState,
  fontColor,
 }: {

diff --git a/src/components/BottomMenu.tsx b/src/components/BottomMenu.tsx
@@ -52,6 +52,7 @@ export function BottomMenu({
  'CompleteOptionsInverted',
  'DoNotSellExplainer',
  'LanguageOptions',
+ 'AcceptAllRejectAllToggle',
  // eslint-disable-next-line @typescript-eslint/no-explicit-any
  ].includes(viewState as any) &&
  (viewState === 'CompleteOptions' ? (

diff --git a/src/components/Main.tsx b/src/components/Main.tsx
@@ -28,6 +28,7 @@ import { QuickOptions3 } from './QuickOptions3';
 import { PrivacyPolicyNotice } from './PrivacyPolicyNotice';
 import { AcceptAllOrMoreChoices } from './AcceptAllOrMoreChoices';
 import { AcceptOrRejectAllOrMoreChoices } from './AcceptOrRejectAllOrMoreChoices';
+import { AcceptAllRejectAllToggle } from './AcceptAllRejectAllToggle';
 
 /**
  * Presents view states (collapsed, GDPR-mode, CCPA-mode etc)
@@ -106,6 +107,13 @@ export function Main({
  <AcceptOrRejectAll handleSetViewState={handleSetViewState} />
  )}
 
+ {viewState === 'AcceptAllRejectAllToggle' && (
+ <AcceptAllRejectAllToggle
+ handleSetViewState={handleSetViewState}
+ fontColor={config.theme.fontColor}
+ />
+ )}
+
  {viewState === 'AcceptAllOrMoreChoices' && (
  <AcceptAllOrMoreChoices handleSetViewState={handleSetViewState} />
  )}

diff --git a/src/messages.ts b/src/messages.ts
@@ -153,11 +153,12 @@ export const messages = defineMessages('ui.src.messages', {
  'The title displayed in the AcceptAllRejectAllToggle view state.',
  },
  acceptAllRejectAllToggleDescription: {
- defaultMessage: 'Your Privacy Choices',
- description:
+ defaultMessage:
  /* eslint-disable max-len */
  'By opting in below, you agree to the storing of cookies on your device for functional, analytics, and advertising purposes.',
  /* eslint-enable max-len */
+ description:
+ 'The description text for the AcceptAllRejectAllToggle view state.',
  },
 });