fix(): Fixed support case to take a link. (#18)

fix(): Fixed support case to take a link
patternfly · Mar 3, 2023 · 8ac294c · 8ac294c
1 parent 5664af2
commit 8ac294c
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 3 deletions.
diff --git a/packages/module/patternfly-docs/content/examples/Basic.tsx b/packages/module/patternfly-docs/content/examples/Basic.tsx
@@ -12,6 +12,7 @@ export const BasicExample: React.FunctionComponent = () => {
  email= "test@redhat.com" 
  onShareFeedback='https://console.redhat.com/self-managed-feedback-form' 
  onJoinMailingList='https://console.redhat.com/self-managed-research-form'
+ onOpenSupportCase='http://www.redhat.com'
  isOpen={isOpen}
  onClose={()=>setIsOpen(false)}/>
  </>

diff --git a/packages/module/patternfly-docs/generated/extensions/react-user-feedback/react.js b/packages/module/patternfly-docs/generated/extensions/react-user-feedback/react.js
@@ -47,6 +47,11 @@ const pageData = {
  "type": "string | \"()=>{}\"",
  "description": "If a URL is given the join mailing list link will redirect to another site to join the mailing list. If a function is provided we will display a join mailing list screen with a submit button. If it's undefined then report a bug will be removed from share feedback modal"
  },
+ {
+ "name": "onOpenSupportCase",
+ "type": "string",
+ "description": "URL to open a support case"
+ },
  {
  "name": "onReportABug",
  "type": "string | \"()=>{}\"",
@@ -75,7 +80,7 @@ pageData.relativeImports = {
 };
 pageData.examples = {
  'Example': props => 
- <Example {...pageData} {...props} {...{"code":"import React from 'react';\nimport { FeedbackModal} from '@patternfly/react-user-feedback';\nimport { Button } from '@patternfly/react-core';\n\n\nexport const BasicExample: React.FunctionComponent = () => {\n const [isOpen, setIsOpen] = React.useState<boolean>(false);\n const handleButtonClicked = () => {setIsOpen(true)}; \n return <>\n <Button onClick={handleButtonClicked}>Show Modal</Button>\n <FeedbackModal \n email= \"test@redhat.com\" \n onShareFeedback='https://console.redhat.com/self-managed-feedback-form' \n onJoinMailingList='https://console.redhat.com/self-managed-research-form'\n isOpen={isOpen}\n onClose={()=>setIsOpen(false)}/>\n </>\n}\n","title":"Example","lang":"js"}}>
+ <Example {...pageData} {...props} {...{"code":"import React from 'react';\nimport { FeedbackModal} from '@patternfly/react-user-feedback';\nimport { Button } from '@patternfly/react-core';\n\n\nexport const BasicExample: React.FunctionComponent = () => {\n const [isOpen, setIsOpen] = React.useState<boolean>(false);\n const handleButtonClicked = () => {setIsOpen(true)}; \n return <>\n <Button onClick={handleButtonClicked}>Show Modal</Button>\n <FeedbackModal \n email= \"test@redhat.com\" \n onShareFeedback='https://console.redhat.com/self-managed-feedback-form' \n onJoinMailingList='https://console.redhat.com/self-managed-research-form'\n onOpenSupportCase='http://www.redhat.com'\n isOpen={isOpen}\n onClose={()=>setIsOpen(false)}/>\n </>\n}","title":"Example","lang":"js"}}>
 
  </Example>
 };

diff --git a/packages/module/src/Feedback/FeedbackModal.tsx b/packages/module/src/Feedback/FeedbackModal.tsx
@@ -20,6 +20,8 @@ export interface FeedbackModalProps {
  onReportABug?: string | "()=>{}"
  /** Feedback image that shows up in the modal */
  feedbackImg?: string;
+ /** URL to open a support case */
+ onOpenSupportCase?: string;
 };
 
 /**

diff --git a/packages/module/src/Feedback/FeedbackModalInternal.tsx b/packages/module/src/Feedback/FeedbackModalInternal.tsx
@@ -34,7 +34,7 @@ export type FeedbackPages =
  | 'bugReportSuccess'
  | 'informDirectionSuccess';
 
-export const FeedbackModalInternal = memo(({ email, isOpen, onShareFeedback, onJoinMailingList, onReportABug, onClose, feedbackImg }: FeedbackModalProps) => {
+export const FeedbackModalInternal = memo(({ email, isOpen, onShareFeedback, onJoinMailingList, onReportABug, onOpenSupportCase, onClose, feedbackImg }: FeedbackModalProps) => {
  const intl = React.useContext(LocaleContext);
 
  const [modalPage, setModalPage] = useState<FeedbackPages>('feedbackHome');
@@ -68,7 +68,7 @@ export const FeedbackModalInternal = memo(({ email, isOpen, onShareFeedback, onJ
  isSelectableRaised
  isCompact
  onClick={() => {
- window.open('https://access.redhat.com/support/cases/#/case/new/open-case?caseCreate=true', '_blank');
+ window.open(onOpenSupportCase ? onOpenSupportCase : 'https://access.redhat.com/support/cases/#/case/new/open-case?caseCreate=true', '_blank');
  }}
  >
  <CardTitle className="chr-c-feedback-card-title">