From eb79b67dd775174200bea828d628a70949a16db8 Mon Sep 17 00:00:00 2001 From: ektaghag-eaton Date: Tue, 12 Sep 2023 16:26:14 +0530 Subject: [PATCH] Fix emailSupportContent and phoneSupportContent prop --- .../example/src/navigation/AppRouter.tsx | 64 +++++++++++++++++++ .../ContactScreen/ContactSupportScreen.tsx | 15 +++-- .../ContactSupportScreenBase.tsx | 3 - 3 files changed, 75 insertions(+), 7 deletions(-) diff --git a/login-workflow/example/src/navigation/AppRouter.tsx b/login-workflow/example/src/navigation/AppRouter.tsx index 3d384b4b..99a9ece5 100644 --- a/login-workflow/example/src/navigation/AppRouter.tsx +++ b/login-workflow/example/src/navigation/AppRouter.tsx @@ -19,6 +19,9 @@ import { routes } from './Routing'; import { ExampleHome } from '../screens/ExampleHome'; import i18nAppInstance from '../translations/i18n'; import { ChangePassword } from '../components/ChangePassword'; +import { AlarmAdd, Home } from '@mui/icons-material'; +import Fan from '@brightlayer-ui/icons-mui/Fan'; +import EatonLogo from '../assets/images/eaton_stacked_logo.png'; export const AppRouter: React.FC = () => { const navigate = useNavigate(); @@ -62,6 +65,67 @@ export const AppRouter: React.FC = () => { path={'/contact-support'} element={ + {/* } + emailSupportTitle={'This is email support title prop'} + emailSupportContent={ + (email: string) => { + return `Send here ${email}` + } + } + phoneSupportTitle={'99674321**'} + phoneSupportContent={ + (phone: string) => { + return `Call here ${phone}` + } + } + contactEmail={ + 'test@test.com' + } + contactPhone='012-3404949-494' + dismissButtonLabel={ + 'Dismiss' + } + onDismiss={ + () => { + console.log('Dismiss function called') + } + } + WorkflowCardBaseProps={{ + loading: false, + backgroundImage: EatonLogo, + }} + WorkflowCardHeaderProps={{ + avatar: , + action: , + title: 'This is a Contact Header', + }} + WorkflowCardInstructionProps={ + { + instructions: 'This is a Contact Screen', + divider: false, + title: 'This is contact screen title' + } + } + WorkflowCardActionsProps={{ + divider: false, + showPrevious: true, + canGoPrevious: true, + previousLabel: 'prev', + onPrevious: (): void => { + console.log('Previous button called'); + }, + showNext: true, + canGoNext: true, + nextLabel: 'next', + onNext: (): void => { + console.log('Next button called'); + }, + currentStep: 1, + totalSteps: 3, + fullWidthButton: true + }} + /> */} } diff --git a/login-workflow/src/screens/ContactScreen/ContactSupportScreen.tsx b/login-workflow/src/screens/ContactScreen/ContactSupportScreen.tsx index 6c1a802b..0df3509d 100644 --- a/login-workflow/src/screens/ContactScreen/ContactSupportScreen.tsx +++ b/login-workflow/src/screens/ContactScreen/ContactSupportScreen.tsx @@ -9,7 +9,6 @@ import { useAuthContext } from '../../contexts'; * Component renders a screen with contact information for support with the application. * Contact information is pulled from the context passed into the workflow. * - * @param title the title for the screen * @param icon the icon to display in the header * @param emailSupportTitle text to display as the contact support title * @param emailSupportContent content to display as the contact support content @@ -19,8 +18,6 @@ import { useAuthContext } from '../../contexts'; * @param contactPhone to display contact phone number * @param dismissButtonLabel to display label for the button * @param onDismiss function to call when user clicks button - * @param slots used for each slot in `ContactSupportScreen` - * @param slotProps applied to each slot * @param WorkflowCardBaseProps props that will be passed to the WorkflowCard component * @param WorkflowCardHeaderProps props that will be passed to the WorkflowCardHeader component * @param WorkflowCardInstructionProps props that will be passed to the WorkflowCardInstructions component @@ -36,10 +33,15 @@ export const ContactSupportScreen: React.FC = (props) const { icon = , emailSupportTitle = t('bluiAuth:CONTACT_SUPPORT.GENERAL_QUESTIONS'), + emailSupportContent, phoneSupportTitle = t('bluiAuth:CONTACT_SUPPORT.EMERGENCY_SUPPORT'), + phoneSupportContent, contactEmail = 'something@email.com', contactPhone = '1-800-123-4567', dismissButtonLabel = t('bluiCommon:ACTIONS.OKAY'), + onDismiss, + WorkflowCardBaseProps, + WorkflowCardInstructionProps, WorkflowCardHeaderProps, WorkflowCardActionsProps, } = props; @@ -63,14 +65,19 @@ export const ContactSupportScreen: React.FC = (props) return ( ); }; diff --git a/login-workflow/src/screens/ContactScreen/ContactSupportScreenBase.tsx b/login-workflow/src/screens/ContactScreen/ContactSupportScreenBase.tsx index 450d01fc..fcae0b09 100644 --- a/login-workflow/src/screens/ContactScreen/ContactSupportScreenBase.tsx +++ b/login-workflow/src/screens/ContactScreen/ContactSupportScreenBase.tsx @@ -11,7 +11,6 @@ import { LinkStyles } from '../../styles'; * Component renders a screen with contact information for support with the application. * Contact information is pulled from the context passed into the workflow. * - * @param title the title for the screen * @param icon the icon to display in the header * @param emailSupportTitle text to display as the contact support title * @param emailSupportContent content to display as the contact support content @@ -21,8 +20,6 @@ import { LinkStyles } from '../../styles'; * @param contactPhone to display contact phone number * @param dismissButtonLabel to display label for the button * @param onDismiss function to call when user clicks button - * @param slots used for each slot in `ContactScreen` - * @param slotProps applied to each slot * @param WorkflowCardBaseProps props that will be passed to the WorkflowCard component * @param WorkflowCardHeaderProps props that will be passed to the WorkflowCardHeader component * @param WorkflowCardInstructionProps props that will be passed to the WorkflowCardInstructions component