diff --git a/dashboard/app/components/settings/Settings.module.css b/dashboard/app/components/settings/Settings.module.css
index c240f81a..fa281fb9 100644
--- a/dashboard/app/components/settings/Settings.module.css
+++ b/dashboard/app/components/settings/Settings.module.css
@@ -1,3 +1,4 @@
.wrapper {
background-color: var(--me-color-bg-grey);
+ border-radius: 8px;
}
diff --git a/dashboard/app/components/settings/Settings.tsx b/dashboard/app/components/settings/Settings.tsx
index 74701aee..f07a49f9 100644
--- a/dashboard/app/components/settings/Settings.tsx
+++ b/dashboard/app/components/settings/Settings.tsx
@@ -1,4 +1,4 @@
-import { Box, Grid, Group, Stack } from '@mantine/core';
+import { Button, Grid, Group, Stack, Text, TextInput } from '@mantine/core';
import { type components } from '@/api/types';
@@ -12,17 +12,37 @@ interface SettingsProps {
export const Settings = ({ user }: SettingsProps) => {
return (
- Settings
+
+ Settings
+
-
+
- Account
- Site
- {JSON.stringify(user)}
+
+
+ Account details
+
+ Edit your username and password.
+
+
+
+
+
+
diff --git a/dashboard/app/routes/_index.tsx b/dashboard/app/routes/_index.tsx
index 040f980d..0f125658 100644
--- a/dashboard/app/routes/_index.tsx
+++ b/dashboard/app/routes/_index.tsx
@@ -1,4 +1,4 @@
-import { Button } from '@mantine/core';
+import { Divider, Paper, Text } from '@mantine/core';
import {
json,
type LoaderFunctionArgs,
@@ -7,7 +7,7 @@ import {
} from '@remix-run/node';
import {
isRouteErrorResponse,
- NavLink,
+ Link,
useLoaderData,
useRouteError,
} from '@remix-run/react';
@@ -50,15 +50,23 @@ export default function Index() {
return (
Websites
- {JSON.stringify(websites)}
+
{websites.map((website) => (
-
+ {website.name}
+
+ {website.hostname}
+
+
))}
);
@@ -72,9 +80,17 @@ export const ErrorBoundary = () => {
404
No websites found
-
+
);
}