From 611506a103a7291eb7c5065001cf0e65e2380286 Mon Sep 17 00:00:00 2001 From: Aidan Date: Tue, 22 Apr 2025 10:17:16 -0400 Subject: [PATCH] design: sync design (especially that font size) with rest of site, some other cleanup and tweaks --- app/account/dashboard/downloads/page.tsx | 8 ++--- app/account/dashboard/settings/page.tsx | 4 +-- app/account/dashboard/support/page.tsx | 8 ++--- .../cards/dashboard/Settings/MyAccount.tsx | 4 +-- components/cards/dashboard/git/LinkGitea.tsx | 8 ++--- .../dashboard/overview/LinkedAccounts.tsx | 33 +++++++++---------- .../cards/dashboard/overview/QuickLinks.tsx | 6 +++- .../cards/dashboard/overview/WelcomeCard.tsx | 4 +-- .../dashboard/statistics/Infrastructure.tsx | 5 ++- .../dashboard/statistics/OperationalCosts.tsx | 6 +++- components/pages/dashboard/SecurityTab.tsx | 4 +-- 11 files changed, 50 insertions(+), 40 deletions(-) diff --git a/app/account/dashboard/downloads/page.tsx b/app/account/dashboard/downloads/page.tsx index 23bd73c..d04fdb6 100644 --- a/app/account/dashboard/downloads/page.tsx +++ b/app/account/dashboard/downloads/page.tsx @@ -19,10 +19,10 @@ export default function DownloadCenter() {

Download Center

- Home - Email - Pass - Git + Home + Email + Pass + Git diff --git a/app/account/dashboard/settings/page.tsx b/app/account/dashboard/settings/page.tsx index 71526c8..f8f6194 100644 --- a/app/account/dashboard/settings/page.tsx +++ b/app/account/dashboard/settings/page.tsx @@ -84,8 +84,8 @@ export default function Settings() { - - + + Dashboard Settings Customize your dashboard experience diff --git a/app/account/dashboard/support/page.tsx b/app/account/dashboard/support/page.tsx index e7e58cb..4e75d02 100644 --- a/app/account/dashboard/support/page.tsx +++ b/app/account/dashboard/support/page.tsx @@ -20,8 +20,8 @@ export default function Support() {
- - + + Email Create a ticket by sending an email @@ -49,8 +49,8 @@ export default function Support() { - - + + Telegram Get support and updates via Telegram diff --git a/components/cards/dashboard/Settings/MyAccount.tsx b/components/cards/dashboard/Settings/MyAccount.tsx index 2cfc299..b967c23 100644 --- a/components/cards/dashboard/Settings/MyAccount.tsx +++ b/components/cards/dashboard/Settings/MyAccount.tsx @@ -7,8 +7,8 @@ export default function MyAccount() { return ( - - + + My Account LibreCloud makes it easy to manage your account diff --git a/components/cards/dashboard/git/LinkGitea.tsx b/components/cards/dashboard/git/LinkGitea.tsx index d5a3dfd..317095d 100644 --- a/components/cards/dashboard/git/LinkGitea.tsx +++ b/components/cards/dashboard/git/LinkGitea.tsx @@ -98,8 +98,8 @@ export function LinkGitea({ linked }: { linked: boolean }) { return ( - - + + Gitea Link @@ -165,8 +165,8 @@ export function LinkGitea({ linked }: { linked: boolean }) { return ( - - + + Gitea Link diff --git a/components/cards/dashboard/overview/LinkedAccounts.tsx b/components/cards/dashboard/overview/LinkedAccounts.tsx index 5c22595..6c67c98 100644 --- a/components/cards/dashboard/overview/LinkedAccounts.tsx +++ b/components/cards/dashboard/overview/LinkedAccounts.tsx @@ -3,7 +3,7 @@ import { useState, useEffect } from "react" import { Card, CardHeader, CardTitle, CardDescription, CardContent } from "@/components/ui/card" import { Badge } from "@/components/ui/badge" -import { Loader2 } from "lucide-react" +import { Loader2, Link } from "lucide-react" import { useSession } from "next-auth/react" export const LinkedAccounts = () => { @@ -58,44 +58,43 @@ export const LinkedAccounts = () => { return ( - Linked Accounts + + + Linked Accounts + LibreCloud-connected services you've linked to your account.
    {authStatus ? ( -
  • - +
  • + LibreCloud Auth
  • ) : ( -
  • - +
  • + LibreCloud Auth
  • )} -
  • - +
  • + LibreCloud Mail
  • -
  • +
  • {isLoading ? ( - + ) : ( )} {isAdmin ? ( -
    +
    LibreCloud Git - - Admin - + Admin
    ) : ( LibreCloud Git diff --git a/components/cards/dashboard/overview/QuickLinks.tsx b/components/cards/dashboard/overview/QuickLinks.tsx index ef47e49..cd43358 100644 --- a/components/cards/dashboard/overview/QuickLinks.tsx +++ b/components/cards/dashboard/overview/QuickLinks.tsx @@ -4,6 +4,7 @@ import { Mail, Headset, Heart, + Link as LinkIcon, Scale } from "lucide-react" import Link from "next/link" @@ -12,7 +13,10 @@ export const QuickLinks = () => { return ( - Quick Links + + + Quick Links + { return ( - Welcome to your dashboard + Welcome to your dashboard!

    - Thanks for logging in! Here you can manage your account and the services available to you. + Thank you for signing up! Here you can manage your account and the services available to you.

    We’re thrilled to have you on board, and if you need anything, don’t hesitate to contact our support team! diff --git a/components/cards/dashboard/statistics/Infrastructure.tsx b/components/cards/dashboard/statistics/Infrastructure.tsx index d11e852..d4f672e 100644 --- a/components/cards/dashboard/statistics/Infrastructure.tsx +++ b/components/cards/dashboard/statistics/Infrastructure.tsx @@ -13,7 +13,10 @@ export default function Infrastructure() { return ( - Infrastructure + + + Infrastructure + Our portfolio of servers and services diff --git a/components/cards/dashboard/statistics/OperationalCosts.tsx b/components/cards/dashboard/statistics/OperationalCosts.tsx index bc397d7..0f7e756 100644 --- a/components/cards/dashboard/statistics/OperationalCosts.tsx +++ b/components/cards/dashboard/statistics/OperationalCosts.tsx @@ -6,12 +6,16 @@ import { CardContent, } from "@/components/ui/card" import { Separator } from "@/components/ui/separator" +import { CreditCard } from "lucide-react" export default function OperationalCosts() { return ( - Operational Costs + + + Operational Costs + How much it costs us to run LibreCloud each month diff --git a/components/pages/dashboard/SecurityTab.tsx b/components/pages/dashboard/SecurityTab.tsx index e5103fb..5b80424 100644 --- a/components/pages/dashboard/SecurityTab.tsx +++ b/components/pages/dashboard/SecurityTab.tsx @@ -77,7 +77,7 @@ export const SecurityTab = () => {

    - + Account Security Scan @@ -161,7 +161,7 @@ export const SecurityTab = () => { - + Recommendations