diff --git a/docs/src/components/Feedback/Feedback.tsx b/docs/src/components/Feedback/Feedback.tsx index 33ea929e274..bc297719ca5 100644 --- a/docs/src/components/Feedback/Feedback.tsx +++ b/docs/src/components/Feedback/Feedback.tsx @@ -119,11 +119,28 @@ export const Feedback = ({ metadata }: { metadata: any }) => {

What did you think of this doc?

- {isSubmitSuccess ? (

Thanks for your feedback.

-

Feel free to review as many docs pages as you like!

+ {rating >= 3 ? ( +

Feel free to review as many docs pages as you like!

+ ) : ( +

+ If you need help with the issue that led to this low score, you can create a{' '} + + GitHub issue + {' '} + if you think this is a bug, or check out our{' '} + + Discord server + + , where Hasurians and community users are ready to engage. +

+ )}
) : (
diff --git a/docs/src/components/Feedback/styles.module.scss b/docs/src/components/Feedback/styles.module.scss index dc69bb8b471..af1475da759 100644 --- a/docs/src/components/Feedback/styles.module.scss +++ b/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);