diff --git a/public/media/platforms/discord.png b/public/media/platforms/discord.png
new file mode 100644
index 0000000..e9dc50d
Binary files /dev/null and b/public/media/platforms/discord.png differ
diff --git a/src/components/dashboard/loader.tsx b/src/components/dashboard/loader.tsx
index dff01a5..4ac564e 100644
--- a/src/components/dashboard/loader.tsx
+++ b/src/components/dashboard/loader.tsx
@@ -1,21 +1,62 @@
import { ReactElement } from "react";
import Branding from "@/components/branding";
+import { ArrowPathIcon, ChartBarSquareIcon } from "@heroicons/react/24/outline";
+import Link from "next/link";
+import SimpleTooltip from "@/components/simple-tooltip";
+import Image from "next/image";
/**
* The loader for the dashboard pages.
*
* @return the loader jsx
*/
-const DashboardLoader = (): ReactElement => (
-
-
-
Loading
-
-);
+const DashboardLoader = (): ReactElement => {
+ return (
+
+ {/* Center Content */}
+
+
+ {/* Support */}
+
+
+ Still can't connect?
+
+
+ {/* Status Page */}
+
+
+
+
+
+
+ {/* Discord */}
+
+
+
+
+
+
+
+
+ );
+};
export default DashboardLoader;
diff --git a/src/components/dashboard/sidebar/organization-selector.tsx b/src/components/dashboard/sidebar/organization-selector.tsx
index adb9c86..dd945e5 100644
--- a/src/components/dashboard/sidebar/organization-selector.tsx
+++ b/src/components/dashboard/sidebar/organization-selector.tsx
@@ -105,7 +105,7 @@ const OrganizationSelector = (): ReactElement => {
(organization: Organization, index: number) => (
selectOrganization(
@@ -124,7 +124,7 @@ const OrganizationSelector = (): ReactElement => {
{organization.name}
{organization.snowflake ===
selectedOrganization && (
-
+
)}
)
diff --git a/src/components/dashboard/sidebar/user-menu.tsx b/src/components/dashboard/sidebar/user-menu.tsx
index a1d5f05..adee6ee 100644
--- a/src/components/dashboard/sidebar/user-menu.tsx
+++ b/src/components/dashboard/sidebar/user-menu.tsx
@@ -29,7 +29,7 @@ const UserMenu = (): ReactElement => {
return (
-
+
@
{user?.username}
diff --git a/src/components/org/organization-logo.tsx b/src/components/org/organization-logo.tsx
index 4f62896..47fd03a 100644
--- a/src/components/org/organization-logo.tsx
+++ b/src/components/org/organization-logo.tsx
@@ -63,7 +63,10 @@ const OrganizationLogo = ({
fill
/>
) : (
-
+
)}
);
diff --git a/src/components/user/user-avatar.tsx b/src/components/user/user-avatar.tsx
index 08baa9e..90273c2 100644
--- a/src/components/user/user-avatar.tsx
+++ b/src/components/user/user-avatar.tsx
@@ -63,7 +63,10 @@ const UserAvatar = ({
fill
/>
) : (
-
+
)}
);