From 013f342ff6c2668d9daa29ead8a10ccf090e9a0d Mon Sep 17 00:00:00 2001 From: miloschwartz Date: Sun, 23 Mar 2025 12:37:57 -0400 Subject: [PATCH 01/24] fix broken header layout on mobile --- src/components/Header.tsx | 8 +- src/components/ProfileIcon.tsx | 6 +- src/components/SupporterStatus.tsx | 181 +++++++++++++++-------------- 3 files changed, 98 insertions(+), 97 deletions(-) diff --git a/src/components/Header.tsx b/src/components/Header.tsx index f1823cc..8b6e9ad 100644 --- a/src/components/Header.tsx +++ b/src/components/Header.tsx @@ -43,13 +43,7 @@ export function Header({ orgId, orgs }: HeaderProps) { return ( <>
-
- - -
- -
-
+
diff --git a/src/components/ProfileIcon.tsx b/src/components/ProfileIcon.tsx index 43463fa..9a132b6 100644 --- a/src/components/ProfileIcon.tsx +++ b/src/components/ProfileIcon.tsx @@ -13,7 +13,7 @@ import { } from "@app/components/ui/dropdown-menu"; import { useEnvContext } from "@app/hooks/useEnvContext"; import { toast } from "@app/hooks/useToast"; -import { formatAxiosError } from "@app/lib/api";; +import { formatAxiosError } from "@app/lib/api"; import { Laptop, LogOut, Moon, Sun } from "lucide-react"; import { useTheme } from "next-themes"; import { useRouter } from "next/navigation"; @@ -21,6 +21,7 @@ import { useState } from "react"; import { useUserContext } from "@app/hooks/useUserContext"; import Disable2FaForm from "./Disable2FaForm"; import Enable2FaForm from "./Enable2FaForm"; +import SupporterStatus from "./SupporterStatus"; export default function ProfileIcon() { const { setTheme, theme } = useTheme(); @@ -152,6 +153,9 @@ export default function ProfileIcon() { {user.email} +
+ +
); diff --git a/src/components/SupporterStatus.tsx b/src/components/SupporterStatus.tsx index ab4d9b5..b7b45c4 100644 --- a/src/components/SupporterStatus.tsx +++ b/src/components/SupporterStatus.tsx @@ -176,82 +176,39 @@ export default function SupporterStatus() {

-

Please select the option that best suits you.

- -
- - - Full Supporter - - -

$95

-
    -
  • - - - For the whole server - -
  • -
  • - - - Lifetime purchase - -
  • -
  • - - - Supporter status - -
  • -
-
- - - - - -
- - - - Limited Supporter - - -

$25

-
    -
  • - - - For 5 or less users - -
  • -
  • - - - Lifetime purchase - -
  • -
  • - - - Supporter status - -
  • -
-
- - {supporterStatus?.tier !== - "Limited Supporter" ? ( +
+

Please select the option that best suits you.

+
+ + + Full Supporter + + +

$95

+
    +
  • + + + For the whole server + +
  • +
  • + + + Lifetime purchase + +
  • +
  • + + + Supporter status + +
  • +
+
+ - ) : ( - - )} - -
+ + + + + + Limited Supporter + + +

$25

+
    +
  • + + + For 5 or less users + +
  • +
  • + + + Lifetime purchase + +
  • +
  • + + + Supporter status + +
  • +
+
+ + {supporterStatus?.tier !== + "Limited Supporter" ? ( + + + + ) : ( + + )} + +
+
-
+
);