-
Notifications
You must be signed in to change notification settings - Fork 8
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #472 from etn-ccis/fix/BLUI-4700-missing-contact-s…
…upport-screen-props Fix emailSupportContent and phoneSupportContent prop
- Loading branch information
Showing
3 changed files
with
75 additions
and
7 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
|
|
@@ -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={ | ||
| <ReactRouterGuestGuard isAuthenticated={app.isAuthenticated} fallBackUrl={'/'}> | ||
| {/* <ContactSupportScreen | ||
| icon={<AlarmAdd />} | ||
| emailSupportTitle={'This is email support title prop'} | ||
| emailSupportContent={ | ||
| (email: string) => { | ||
| return `Send here ${email}` | ||
| } | ||
| } | ||
| phoneSupportTitle={'99674321**'} | ||
| phoneSupportContent={ | ||
| (phone: string) => { | ||
| return `Call here ${phone}` | ||
| } | ||
| } | ||
| contactEmail={ | ||
| '[email protected]' | ||
| } | ||
| contactPhone='012-3404949-494' | ||
| dismissButtonLabel={ | ||
| 'Dismiss' | ||
| } | ||
| onDismiss={ | ||
| () => { | ||
| console.log('Dismiss function called') | ||
| } | ||
| } | ||
| WorkflowCardBaseProps={{ | ||
| loading: false, | ||
| backgroundImage: EatonLogo, | ||
| }} | ||
| WorkflowCardHeaderProps={{ | ||
| avatar: <Fan />, | ||
| action: <Home />, | ||
| 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 | ||
| }} | ||
| /> */} | ||
| <ContactSupportScreen /> | ||
| </ReactRouterGuestGuard> | ||
| } | ||
|
|
||
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
|
|
@@ -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<ContactSupportScreenProps> = (props) | |
| const { | ||
| icon = <ChatBubbleOutline color={'primary'} sx={{ fontSize: 70 }} />, | ||
| emailSupportTitle = t('bluiAuth:CONTACT_SUPPORT.GENERAL_QUESTIONS'), | ||
| emailSupportContent, | ||
| phoneSupportTitle = t('bluiAuth:CONTACT_SUPPORT.EMERGENCY_SUPPORT'), | ||
| phoneSupportContent, | ||
| contactEmail = '[email protected]', | ||
| 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<ContactSupportScreenProps> = (props) | |
|
|
||
| return ( | ||
| <ContactSupportScreenBase | ||
| WorkflowCardBaseProps={WorkflowCardBaseProps} | ||
| WorkflowCardHeaderProps={workflowCardHeaderProps} | ||
| WorkflowCardInstructionProps={WorkflowCardInstructionProps} | ||
| WorkflowCardActionsProps={workflowCardActionsProps} | ||
| icon={icon} | ||
| emailSupportTitle={emailSupportTitle} | ||
| emailSupportContent={emailSupportContent} | ||
| phoneSupportTitle={phoneSupportTitle} | ||
| phoneSupportContent={phoneSupportContent} | ||
| contactEmail={contactEmail} | ||
| contactPhone={contactPhone} | ||
| dismissButtonLabel={dismissButtonLabel} | ||
| WorkflowCardActionsProps={workflowCardActionsProps} | ||
| onDismiss={onDismiss} | ||
| /> | ||
| ); | ||
| }; | ||
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters