docs: add ref to discord for feedback component

PR-URL: https://github.com/hasura/graphql-engine-mono/pull/8368
GitOrigin-RevId: 1c166d6dcd41d7bdd1e304e3ef7aab72077758d4

docs/src/components/Feedback/Feedback.tsx

@@ -119,11 +119,28 @@ export const Feedback = ({ metadata }: { metadata: any }) => {
       <div className={styles.form}>
         <div className={styles.topSection}>
           <h3>What did you think of this doc?</h3>
-
           {isSubmitSuccess ? (
             <div className={styles.successMessage}>
               <p>Thanks for your feedback.</p>
-              <p>Feel free to review as many docs pages as you like!</p>
+              {rating >= 3 ? (
+                <p>Feel free to review as many docs pages as you like!</p>
+              ) : (
+                <p>
+                  If you need help with the issue that led to this low score, you can create a{' '}
+                  <a
+                    href="https://github.com/hasura/graphql-engine/issues/new/choose"
+                    target="_blank"
+                    rel="noopener noreferrer"
+                  >
+                    GitHub issue
+                  </a>{' '}
+                  if you think this is a bug, or check out our{' '}
+                  <a href="https://hasura.io/discord" target="_blank" rel="noopener noreferrer">
+                    Discord server
+                  </a>
+                  , where Hasurians and community users are ready to engage.
+                </p>
+              )}
             </div>
           ) : (
             <div className={styles.numberRow}>

docs/src/components/Feedback/styles.module.scss

@@ -143,23 +143,16 @@ html[data-theme='dark'] {
 }
 
 .successMessage {
-  display: block;
+  display: grid;
   place-items: center center;
   width: 100%;
   text-align: center;
-  color: var(--ifm-color-primary);
-  font-size: 1.1rem;
   font-weight: 500;
   font-family: var(--ifm-font-family-base);
   p {
     margin-bottom: 0 !important;
   }
 }
-html[data-theme='dark'] {
-  .successMessage {
-    color: var(--ifm-color-primary-lighter);
-  }
-}
 
 .errorText {
   color: var(--ifm-color-primary);