diff --git a/components/Header.tsx b/components/Header.tsx
index 1c49d40..c322ed6 100644
--- a/components/Header.tsx
+++ b/components/Header.tsx
@@ -1,8 +1,7 @@
-import { Leaf } from 'lucide-react';
-
-import Container from './Container';
+import { Leaf, LogIn } from 'lucide-react';
import styles from '@/styles/components/Header.module.scss';
+import Link from 'next/link';
export default function Header() {
return (
diff --git a/components/NavBar.tsx b/components/NavBar.tsx
index 8da5f37..5b5d76a 100644
--- a/components/NavBar.tsx
+++ b/components/NavBar.tsx
@@ -3,21 +3,18 @@
import Link from 'next/link';
import { usePathname } from 'next/navigation';
-import {
- BookText,
- Home,
- LineSquiggle,
- ImageIcon,
- Bookmark,
- GitPullRequestCreateArrow,
- X,
- Menu
-} from 'lucide-react';
+import { Home, X, Menu } from 'lucide-react';
import styles from '@/styles/components/NavBar.module.scss';
-import { useState } from 'react';
+import { type ReactNode, useState } from 'react';
-export default function NavBar() {
+interface NavItem {
+ icon: ReactNode;
+ href: string;
+ text: string;
+}
+
+export default function NavBar({ items }: { items: NavItem[] }) {
const path = usePathname();
const [open, setOpen] = useState(false);
@@ -34,7 +31,7 @@ export default function NavBar() {
{open ? :
}
-
+
@@ -47,54 +44,17 @@ export default function NavBar() {
}}
>
- -
-
-
- Home
-
-
- -
-
-
- Blog
-
-
- -
-
-
- Art
-
-
- -
-
-
- Photos
-
-
- -
-
-
- Projects
-
-
- -
-
-
- Links
-
-
+ {items.map((i) => (
+ -
+
+ {i.icon}
+ {i.text}
+
+
+ ))}
diff --git a/lib/db/schema.ts b/lib/db/schema.ts
index 2580bba..5ca77ba 100644
--- a/lib/db/schema.ts
+++ b/lib/db/schema.ts
@@ -1,4 +1,5 @@
import {
+ boolean,
integer,
pgTable,
text,
@@ -8,7 +9,6 @@ import {
import { snowflake } from '@/lib/db/types/snowflake';
import { snowflakeGenerator } from '@/lib/snowflake';
-import { relations } from 'drizzle-orm';
export const usersTable = pgTable('users', {
id: snowflake()
@@ -31,15 +31,21 @@ export const postsTable = pgTable('posts', {
.primaryKey()
.$defaultFn(() => snowflakeGenerator.nextId()),
- author: snowflake('author_id').references(() => usersTable.id),
+ author: snowflake('author_id').references(() => usersTable.id, {
+ onDelete: 'cascade'
+ }),
slug: varchar({ length: 128 }).unique().notNull(),
title: varchar({ length: 256 }).notNull(),
- excerpt: text(),
+ excerpt: text().notNull(),
content: text().notNull(),
- publishedAt: timestamp().notNull().defaultNow(),
+ draft: boolean().default(true).notNull(),
+
+ publishedAt: timestamp()
+ .notNull()
+ .defaultNow(),
updatedAt: timestamp()
.notNull()
.defaultNow()
@@ -51,10 +57,16 @@ export const commentsTable = pgTable('comments', {
.primaryKey()
.$defaultFn(() => snowflakeGenerator.nextId()),
- post: snowflake('post_id').references(() => postsTable.id),
+ post: snowflake('post_id').references(() => postsTable.id, {
+ onDelete: 'cascade'
+ }),
// eslint-disable-next-line @typescript-eslint/no-explicit-any
- parent: snowflake('parent_id').references((): any => commentsTable.id),
- author: snowflake('author_id').references(() => usersTable.id),
+ parent: snowflake('parent_id').references((): any => commentsTable.id, {
+ onDelete: 'cascade'
+ }),
+ author: snowflake('author_id').references(() => usersTable.id, {
+ onDelete: 'cascade'
+ }),
displayName: varchar({ length: 64 }),
diff --git a/lib/enums.ts b/lib/enums.ts
new file mode 100644
index 0000000..f67a2c4
--- /dev/null
+++ b/lib/enums.ts
@@ -0,0 +1,4 @@
+export enum Permissions {
+ None = 0,
+ Admin = 1 << 0
+}
\ No newline at end of file
diff --git a/styles/components/Header.module.scss b/styles/components/Header.module.scss
index 065c4f4..ac74660 100644
--- a/styles/components/Header.module.scss
+++ b/styles/components/Header.module.scss
@@ -7,6 +7,7 @@
display: flex;
align-items: center;
+ justify-content: space-between;
gap: 16px;
diff --git a/styles/pages/Admin.module.scss b/styles/pages/Admin.module.scss
new file mode 100644
index 0000000..4ff499a
--- /dev/null
+++ b/styles/pages/Admin.module.scss
@@ -0,0 +1,30 @@
+.tableWrapper {
+ overflow-x: auto;
+
+ > table {
+ width: 70vw;
+
+ border-collapse: collapse;
+
+ th {
+ padding: 12px 16px;
+ border-bottom: 1px solid var(--outlineVariant);
+ }
+
+ td {
+ padding: 12px 16px;
+
+ border-bottom: 1px solid var(--outlineVariant);
+
+ vertical-align: top;
+ }
+
+ tbody tr:hover td {
+ background-color: var(--surfaceContainer);
+ }
+
+ tbody tr:last-child td {
+ border-bottom: none;
+ }
+ }
+}
diff --git a/styles/typography.module.scss b/styles/typography.module.scss
index 250a110..038ef90 100644
--- a/styles/typography.module.scss
+++ b/styles/typography.module.scss
@@ -49,7 +49,7 @@ h6 {
p {
margin-bottom: 8px;
-
+
text-align: justify;
text-justify: inter-word;
@@ -87,6 +87,30 @@ textarea {
color: inherit;
}
+input,
+textarea {
+ background: none;
+
+ padding: 12px;
+
+ outline: 1px solid transparent;
+ outline-offset: -1px;
+
+ border: 1px solid var(--outlineVariant);
+ border-radius: 12px;
+
+ width: 100%;
+
+ transition: 0.24s cubic-bezier(0.34, 1.56, 0.64, 1);
+
+ &:hover,
+ &:active,
+ &:focus {
+ outline-width: 2px;
+ outline-color: var(--primary);
+ }
+}
+
ul {
list-style: inside;
}