feat: slightly better sign in reason display

iforge-uos · Apr 16, 2024 · 048f8ef · 048f8ef
1 parent c14c926
commit 048f8ef
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 8 deletions.
diff --git a/.github/workflows/deploy.yml b/.github/workflows/deploy.yml
@@ -18,7 +18,7 @@ jobs:
         uses: tsickert/[email protected]
         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/[email protected]
         with:
           webhook-url: ${{ secrets.DISCORD_ANNOUCE_WEBHOOK_URL }}
-          content: "Sign In System (Ignis) Exiting Maintenance Mode..."
+          content: "Ignis Exiting Maintenance Mode..."
diff --git a/...onents/signin/dashboard/components/SignedInUserCard/subcomponents/SignInReasonDisplay.tsx b/...onents/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>
     </>