From df1f65470df470313cdee59ac0bd130078a29b90 Mon Sep 17 00:00:00 2001
From: Rainnny7 <braydonrainnny@gmail.com>
Date: Fri, 20 Sep 2024 00:20:24 -0400
Subject: [PATCH] fix some weird avatar stuff again

---
 src/app/(pages)/dashboard/user/billing/page.tsx             | 5 ++++-
 src/components/dashboard/user/settings/tfa/tfa-setting.tsx  | 6 ++++--
 .../dashboard/user/settings/tfa/tfa-setup-form.tsx          | 2 +-
 src/components/org/organization-logo.tsx                    | 2 +-
 src/components/user/user-avatar.tsx                         | 2 +-
 5 files changed, 11 insertions(+), 6 deletions(-)

diff --git a/src/app/(pages)/dashboard/user/billing/page.tsx b/src/app/(pages)/dashboard/user/billing/page.tsx
index 368e77f..e7a6fe2 100644
--- a/src/app/(pages)/dashboard/user/billing/page.tsx
+++ b/src/app/(pages)/dashboard/user/billing/page.tsx
@@ -16,7 +16,10 @@ const UserBillingPage = (): ReactElement => (
         {/* Content */}
         <div className="flex flex-col gap-5">
             <Separator className="opacity-65" />
-            Billing
+            <p className="opacity-75 select-none pointer-events-none">
+                Billing is not yet available, this will be available to cloud
+                environments.
+            </p>
         </div>
     </main>
 );
diff --git a/src/components/dashboard/user/settings/tfa/tfa-setting.tsx b/src/components/dashboard/user/settings/tfa/tfa-setting.tsx
index 9e8ff3c..604d3c3 100644
--- a/src/components/dashboard/user/settings/tfa/tfa-setting.tsx
+++ b/src/components/dashboard/user/settings/tfa/tfa-setting.tsx
@@ -196,7 +196,7 @@ const TFASetting = (): ReactElement => {
 
                         {/* Notice */}
                         {!enabledTfa && (
-                            <DialogFooter className="sm:justify-center gap-1.5 text-sm opacity-75">
+                            <DialogFooter className="sm:justify-center gap-1.5 text-sm opacity-75 select-none">
                                 <b>NOTE:</b>Enabling two-factor auth will log
                                 you out of all other devices.
                             </DialogFooter>
@@ -216,7 +216,9 @@ const QRCode = ({
     <div className="px-2 py-6 flex flex-col gap-4 items-center">
         <QRCodeCanvas size={156} value={tfaResponse.qrCodeUrl} />
         <div className="flex flex-col gap-1 items-center">
-            <p className="opacity-75">Or manually copy this code...</p>
+            <p className="opacity-75 select-none">
+                Or manually copy this code...
+            </p>
             <Input className="mx-14" value={tfaResponse.secret} readOnly />
         </div>
     </div>
diff --git a/src/components/dashboard/user/settings/tfa/tfa-setup-form.tsx b/src/components/dashboard/user/settings/tfa/tfa-setup-form.tsx
index c72eee6..8b4c901 100644
--- a/src/components/dashboard/user/settings/tfa/tfa-setup-form.tsx
+++ b/src/components/dashboard/user/settings/tfa/tfa-setup-form.tsx
@@ -95,7 +95,7 @@ const TfaSetupForm = ({
             ) : (
                 <>
                     {/* Notice */}
-                    <p className="max-w-64 text-sm text-center opacity-75">
+                    <p className="max-w-64 text-sm text-center opacity-75 select-none">
                         Enter the 6-digit pin provided by your authenticator app
                         below to enable two-factor authentication!
                     </p>
diff --git a/src/components/org/organization-logo.tsx b/src/components/org/organization-logo.tsx
index a65218d..f9e034f 100644
--- a/src/components/org/organization-logo.tsx
+++ b/src/components/org/organization-logo.tsx
@@ -64,7 +64,7 @@ const OrganizationLogo = ({
             />
         ) : (
             <InitialsAvatar
-                className="-translate-y-0.5 w-[1.6rem] h-[1.6rem] flex justify-center items-center bg-muted rounded-full"
+                className="-translate-y-0.5 w-[130%] h-[130%] flex justify-center items-center bg-muted rounded-full"
                 name={organization.name}
             />
         )}
diff --git a/src/components/user/user-avatar.tsx b/src/components/user/user-avatar.tsx
index 58e9e63..e41c2c9 100644
--- a/src/components/user/user-avatar.tsx
+++ b/src/components/user/user-avatar.tsx
@@ -64,7 +64,7 @@ const UserAvatar = ({
             />
         ) : (
             <InitialsAvatar
-                className="w-6 h-6 flex justify-center items-center bg-muted rounded-full"
+                className="w-full h-full flex justify-center items-center bg-muted rounded-full"
                 name={user.username}
             />
         )}