diff --git a/.changeset/stupid-pandas-fold.md b/.changeset/stupid-pandas-fold.md new file mode 100644 index 0000000000..b57045eb3c --- /dev/null +++ b/.changeset/stupid-pandas-fold.md @@ -0,0 +1,5 @@ +--- +'@nhost/dashboard': patch +--- + +chore(dashboard): change feedback to contact us diff --git a/dashboard/e2e/overview/overview.test.ts b/dashboard/e2e/overview/overview.test.ts index 35308e3775..f13a5ca0c2 100644 --- a/dashboard/e2e/overview/overview.test.ts +++ b/dashboard/e2e/overview/overview.test.ts @@ -30,7 +30,7 @@ test('should show a sidebar with menu items', async () => { const navLocator = page.getByRole('navigation', { name: /main navigation/i }); await expect(navLocator).toBeVisible(); await expect(navLocator.getByRole('list').getByRole('listitem')).toHaveCount( - 11, + 12, ); await expect( navLocator.getByRole('link', { name: /overview/i }), diff --git a/dashboard/src/components/common/ContactUs/ContactUs.tsx b/dashboard/src/components/common/ContactUs/ContactUs.tsx new file mode 100644 index 0000000000..93a996b268 --- /dev/null +++ b/dashboard/src/components/common/ContactUs/ContactUs.tsx @@ -0,0 +1,70 @@ +import { Link } from '@/components/ui/v2/Link'; +import { Text } from '@/components/ui/v2/Text'; +import type { DetailedHTMLProps, HTMLProps } from 'react'; +import { twMerge } from 'tailwind-merge'; + +export interface ContactUsProps + extends DetailedHTMLProps, HTMLDivElement> {} + +export default function FeedbackForm({ className, ...props }: ContactUsProps) { + return ( +
+ + Contact us + + + + To report issues with Nhost, please open a GitHub issue in the{' '} + + nhost/nhost + {' '} + repository. + + + For issues related to the CLI, please visit the{' '} + + nhost/cli + {' '} + repository. + + + If you need assistance or have any questions, feel free to join us on{' '} + + Discord + + . Alternatively, if you prefer, you can also open a{' '} + + GitHub discussion + + . + + We're here to help, so don't hesitate to reach out! +
+ ); +} diff --git a/dashboard/src/components/common/ContactUs/index.ts b/dashboard/src/components/common/ContactUs/index.ts new file mode 100644 index 0000000000..09bb5f4f7c --- /dev/null +++ b/dashboard/src/components/common/ContactUs/index.ts @@ -0,0 +1,2 @@ +export * from './ContactUs'; +export { default as ContactUs } from './ContactUs'; diff --git a/dashboard/src/components/layout/Header/Header.tsx b/dashboard/src/components/layout/Header/Header.tsx index 8b2450e864..2f506d4f05 100644 --- a/dashboard/src/components/layout/Header/Header.tsx +++ b/dashboard/src/components/layout/Header/Header.tsx @@ -1,4 +1,4 @@ -import { FeedbackForm } from '@/components/common/FeedbackForm'; +import { ContactUs } from '@/components/common/ContactUs'; import { NavLink } from '@/components/common/NavLink'; import { AccountMenu } from '@/components/layout/AccountMenu'; import { Breadcrumbs } from '@/components/layout/Breadcrumbs'; @@ -75,14 +75,14 @@ export default function Header({ className, ...props }: HeaderProps) { hideChevron className="rounded-md px-2.5 py-1.5 text-sm motion-safe:transition-colors" > - Feedback + Contact us - + )} diff --git a/dashboard/src/components/layout/MobileNav/MobileNav.tsx b/dashboard/src/components/layout/MobileNav/MobileNav.tsx index 7329a6d63e..4963d5a17f 100644 --- a/dashboard/src/components/layout/MobileNav/MobileNav.tsx +++ b/dashboard/src/components/layout/MobileNav/MobileNav.tsx @@ -1,4 +1,4 @@ -import { FeedbackForm } from '@/components/common/FeedbackForm'; +import { ContactUs } from '@/components/common/ContactUs'; import { NavLink } from '@/components/common/NavLink'; import { ThemeSwitcher } from '@/components/common/ThemeSwitcher'; import { Nav } from '@/components/presentational/Nav'; @@ -171,7 +171,7 @@ export default function MobileNav({ className, ...props }: MobileNavProps) { className="w-full" role={undefined} > - Feedback + Contact us @@ -180,7 +180,7 @@ export default function MobileNav({ className, ...props }: MobileNavProps) { transformOrigin={{ vertical: 'top', horizontal: 'center' }} anchorOrigin={{ vertical: 'bottom', horizontal: 'center' }} > - + )} diff --git a/dashboard/src/features/projects/common/components/AppLoader/AppLoader.tsx b/dashboard/src/features/projects/common/components/AppLoader/AppLoader.tsx index 844b660b17..627fb1ad81 100644 --- a/dashboard/src/features/projects/common/components/AppLoader/AppLoader.tsx +++ b/dashboard/src/features/projects/common/components/AppLoader/AppLoader.tsx @@ -1,4 +1,4 @@ -import { FeedbackForm } from '@/components/common/FeedbackForm'; +import { ContactUs } from '@/components/common/ContactUs'; import { ActivityIndicator } from '@/components/ui/v2/ActivityIndicator'; import { Button } from '@/components/ui/v2/Button'; import { Dropdown } from '@/components/ui/v2/Dropdown'; @@ -99,7 +99,7 @@ export default function AppLoader({ anchorOrigin={{ vertical: 'bottom', horizontal: 'center' }} transformOrigin={{ vertical: 'top', horizontal: 'center' }} > - + )} diff --git a/dashboard/src/features/projects/common/components/ApplicationErrored/ApplicationErrored.tsx b/dashboard/src/features/projects/common/components/ApplicationErrored/ApplicationErrored.tsx index 56debbd3c6..68adb97e5a 100644 --- a/dashboard/src/features/projects/common/components/ApplicationErrored/ApplicationErrored.tsx +++ b/dashboard/src/features/projects/common/components/ApplicationErrored/ApplicationErrored.tsx @@ -1,4 +1,4 @@ -import { FeedbackForm } from '@/components/common/FeedbackForm'; +import { ContactUs } from '@/components/common/ContactUs'; import { Container } from '@/components/layout/Container'; import { Modal } from '@/components/ui/v1/Modal'; import { ActivityIndicator } from '@/components/ui/v2/ActivityIndicator'; @@ -250,7 +250,7 @@ export default function ApplicationErrored() { anchorOrigin={{ vertical: 'bottom', horizontal: 'center' }} transformOrigin={{ vertical: 'top', horizontal: 'center' }} > - + diff --git a/dashboard/src/features/projects/common/components/ApplicationUnknown/ApplicationUnknown.tsx b/dashboard/src/features/projects/common/components/ApplicationUnknown/ApplicationUnknown.tsx index fa4eba63d9..f6a81cf426 100644 --- a/dashboard/src/features/projects/common/components/ApplicationUnknown/ApplicationUnknown.tsx +++ b/dashboard/src/features/projects/common/components/ApplicationUnknown/ApplicationUnknown.tsx @@ -1,4 +1,4 @@ -import { FeedbackForm } from '@/components/common/FeedbackForm'; +import { ContactUs } from '@/components/common/ContactUs'; import { Container } from '@/components/layout/Container'; import { Modal } from '@/components/ui/v1/Modal'; import { Button } from '@/components/ui/v2/Button'; @@ -65,7 +65,7 @@ export default function ApplicationUnknown() { anchorOrigin={{ vertical: 'bottom', horizontal: 'center' }} transformOrigin={{ vertical: 'top', horizontal: 'center' }} > - +