From 888a700aaa8d633f82797f3bb3d1c7e89d3fbe54 Mon Sep 17 00:00:00 2001
From: Aidan <aidan@p0ntus.com>
Date: Fri, 18 Apr 2025 10:03:13 -0400
Subject: [PATCH] design/func: fix gitea card style+button

---
 components/cards/dashboard/git/LinkGitea.tsx |  8 +++---
 components/pages/dashboard/GitTab.tsx        | 26 +++++++++-----------
 docs/reference/env.md                        | 10 ++++----
 3 files changed, 21 insertions(+), 23 deletions(-)

diff --git a/components/cards/dashboard/git/LinkGitea.tsx b/components/cards/dashboard/git/LinkGitea.tsx
index fff7c05..0305015 100644
--- a/components/cards/dashboard/git/LinkGitea.tsx
+++ b/components/cards/dashboard/git/LinkGitea.tsx
@@ -131,7 +131,7 @@ export function LinkGitea({ linked }: { linked: boolean }) {
                   )}
                 />
                 {loading ? (
-                  <div className="flex gap-2">
+                  <div className="flex flex-col sm:flex-row gap-2">
                     <Button className="w-full" disabled>
                       <Loader2 className="animate-spin" />
                       Linking...
@@ -142,12 +142,12 @@ export function LinkGitea({ linked }: { linked: boolean }) {
                     </Button>
                   </div>
                 ) : (
-                  <div className="flex gap-2">
-                    <Button type="submit" className="w-1/2 cursor-pointer">
+                  <div className="flex flex-col sm:flex-row gap-2">
+                    <Button type="submit" className="w-full sm:w-1/2 cursor-pointer">
                       <SiGitea />
                       Link with Gitea
                     </Button>
-                    <a href="https://try.gitea.com" target="_blank" className="w-1/2">
+                    <a href={`${process.env.NEXT_PUBLIC_GITEA_URL}/user/sign_up`} target="_blank" className="w-full sm:w-1/2">
                       <Button type="button" variant="outline" className="w-full cursor-pointer">
                         <SiGitea />
                         Create Account
diff --git a/components/pages/dashboard/GitTab.tsx b/components/pages/dashboard/GitTab.tsx
index a2f7387..4660b77 100644
--- a/components/pages/dashboard/GitTab.tsx
+++ b/components/pages/dashboard/GitTab.tsx
@@ -17,20 +17,18 @@ interface DashboardState {
 
 export const GitTab = ({ dashboardState }: { dashboardState: DashboardState }) => {
   return (
-    <div>
-      <div className="grid gap-6 md:grid-cols-2 lg:grid-cols-3">
-        {(dashboardState.gitUser && dashboardState.gitUser !== "Unlinked") && (
-          <GiteaProfileCard dashboardState={dashboardState} />
-        )}
-        <LinkGitea linked={!!dashboardState.gitUser && dashboardState.gitUser !== "Unlinked"} />
-        {/*
-        ~-~-~-~-~-~-~-~-~-~-~-~DISABLED FOR NOW~-~-~-~-~-~-~-~-~-~-~-~
-        <ChangeUsername gitUser={dashboardState.gitUser} />
-        <ChangePassword />
-        <ChangeEmail gitEmail={dashboardState.gitEmail || ""} />
-        <CreateRepo />
-        */}
-      </div>
+    <div className="grid gap-6 md:grid-cols-2 lg:grid-cols-3">
+      {(dashboardState.gitUser && dashboardState.gitUser !== "Unlinked") && (
+        <GiteaProfileCard dashboardState={dashboardState} />
+      )}
+      <LinkGitea linked={!!dashboardState.gitUser && dashboardState.gitUser !== "Unlinked"} />
+      {/*
+      ~-~-~-~-~-~-~-~-~-~-~-~DISABLED FOR NOW~-~-~-~-~-~-~-~-~-~-~-~
+      <ChangeUsername gitUser={dashboardState.gitUser} />
+      <ChangePassword />
+      <ChangeEmail gitEmail={dashboardState.gitEmail || ""} />
+      <CreateRepo />
+      */}
     </div>
   )
 }
diff --git a/docs/reference/env.md b/docs/reference/env.md
index 6c7abae..46cf985 100644
--- a/docs/reference/env.md
+++ b/docs/reference/env.md
@@ -56,11 +56,11 @@ Create a new access token in your Gitea user settings (),
 and input the key you receive, as well as the URL of your instance, and the API URL.
 You can find a link to the API and its endpoint URL on the footer.
 
-| Environment Variable | Description                                   | Example                                    |
-|----------------------|-----------------------------------------------|--------------------------------------------|
-| GITEA_API_URL        | Your Gitea instance API endpoint (see footer) | `http://gitea.local/api/v1`                |
-| GITEA_API_KEY        | Access Token created in user settings         | `0000000000000000000000000000000000000000` |
-| GITEA_URL            | Your Gitea instance URL                       | `http://gitea.local`                       |
+| Environment Variable  | Description                                   | Example                                    |
+|-----------------------|-----------------------------------------------|--------------------------------------------|
+| GITEA_API_URL         | Your Gitea instance API endpoint (see footer) | `http://gitea.local/api/v1`                |
+| GITEA_API_KEY         | Access Token created in user settings         | `0000000000000000000000000000000000000000` |
+| NEXT_PUBLIC_GITEA_URL | Your Gitea instance URL                       | `http://gitea.local`                       |
 
 ## mail-connect