From 048f8efd24e69bd0ab6f9e101b13f9650a873a1e Mon Sep 17 00:00:00 2001
From: Sam Piper <sampii@protonmail.com>
Date: Tue, 16 Apr 2024 13:21:55 +0100
Subject: [PATCH] feat: slightly better sign in reason display

---
 .github/workflows/deploy.yml                  |  4 ++--
 .../subcomponents/SignInReasonDisplay.tsx     | 19 +++++++++++++------
 2 files changed, 15 insertions(+), 8 deletions(-)

diff --git a/.github/workflows/deploy.yml b/.github/workflows/deploy.yml
index 11d1dbd..145ab60 100644
--- a/.github/workflows/deploy.yml
+++ b/.github/workflows/deploy.yml
@@ -18,7 +18,7 @@ jobs:
         uses: tsickert/discord-webhook@v6.0.0
         with:
           webhook-url: ${{ secrets.DISCORD_ANNOUCE_WEBHOOK_URL }}
-          content: "Sign In System (Ignis) Entering Maintenance Mode"
+          content: "Ignis Entering Maintenance Mode"
 
       - name: Throw up the maintenance page
         run: touch /home/iforge/ignis-config/file_flags/maintenance_mode/enabled
@@ -46,4 +46,4 @@ jobs:
         uses: tsickert/discord-webhook@v6.0.0
         with:
           webhook-url: ${{ secrets.DISCORD_ANNOUCE_WEBHOOK_URL }}
-          content: "Sign In System (Ignis) Exiting Maintenance Mode..."
\ No newline at end of file
+          content: "Ignis Exiting Maintenance Mode..."
\ No newline at end of file
diff --git a/apps/forge/src/components/signin/dashboard/components/SignedInUserCard/subcomponents/SignInReasonDisplay.tsx b/apps/forge/src/components/signin/dashboard/components/SignedInUserCard/subcomponents/SignInReasonDisplay.tsx
index 098b431..5d2d74d 100644
--- a/apps/forge/src/components/signin/dashboard/components/SignedInUserCard/subcomponents/SignInReasonDisplay.tsx
+++ b/apps/forge/src/components/signin/dashboard/components/SignedInUserCard/subcomponents/SignInReasonDisplay.tsx
@@ -1,4 +1,5 @@
 import { PartialReason } from "@ignis/types/sign_in.ts";
+import { Badge } from "@ui/components/ui/badge.tsx";
 
 interface SignInReasonDisplayProps {
   tools: string[];
@@ -9,13 +10,19 @@ export const SignInReasonDisplay: React.FC<SignInReasonDisplayProps> = ({ tools,
   return (
     <>
       <div className="my-4 px-4 py-3 bg-neutral-800 rounded-lg">
-        <div className="flex justify-between items-center">
-          <span className="text-sm text-gray-200">Sign In Reason:</span>
-          <span className="text-sm truncate max-w-[200px]">{reason.name}</span>
+        <div className="border-gray-500 p-2 rounded-lg mb-2">
+          <div className="border-b border-gray-500 pb-2 font-medium mb-1 text-center font-mono">Sign In Reason</div>
+          <div className="text-center font-mono ">{reason.name}</div>
         </div>
-        <div className="flex justify-between items-center">
-          <span className="text-sm text-gray-200">Tools:</span>
-          <span className="text-sm truncate max-w-[200px]">{tools.join(", ")}</span>
+        <div className="border-gray-500 p-2 rounded-lg mb-4">
+          <div className="border-b border-gray-500 pb-2  font-medium mb-1 text-center font-mono">Tools Used</div>
+          <div className="flex flex-wrap gap-1">
+            {tools.map((tool) => (
+              <Badge variant="default" className="max-w-48">
+                {tool}
+              </Badge>
+            ))}
+          </div>
         </div>
       </div>
     </>