feat: ama session management page

Author: didinele

.env.private.example

@@ -3,6 +3,9 @@ NODE_ENV=dev # obviously, set to prod in prod.
 ENCRYPTION_KEY=boop # generate using node -e "console.log(require('crypto').randomBytes(32).toString('base64'));"
 OAUTH_DISCORD_CLIENT_SECRET=73tI-EaLVgtkrcgpBawzmOfdNpY_4ME7
 
+# don't touch. overwrites the one in .env.public, which prisma reads
+DATABASE_URL=postgres://chatsift:admin@postgres:5432/chatsift
+
 LOCAL_DATABASE_PORT=5432
 LOCAL_DOZZLE_PORT=8080
 

.env.public

@@ -1,7 +1,7 @@
 ROOT_DOMAIN=automoderator.app
 ADMINS=223703707118731264
 
-DATABASE_URL=postgres://chatsift:admin@postgres:5432/chatsift
+DATABASE_URL=postgres://chatsift:admin@127.0.0.1:5432/chatsift
 REDIS_URL=redis://redis:6379
 
 API_PORT=9876

apps/website/src/app/dashboard/[id]/ama/amas/page.tsx

@@ -1 +1,15 @@
-export default function AMAPage() {}
+import { DashboardCrumbs } from '../../../_components/DashboardCrumbs';
+import { Heading } from '@/components/common/Heading';
+
+export default async function AMAPage({ params }: PageProps<'/dashboard/[id]/ama/amas'>) {
+	const { id } = await params;
+
+	return (
+		<div className="space-y-8">
+			<div className="flex flex-col gap-4">
+				<DashboardCrumbs segments={[{ label: 'AMA Bot', href: `/dashboard/${id}/ama` }, { label: 'AMA Sessions' }]} />
+				<Heading subtitle="Create, edit, and manage AMAs in your community" title="AMA sessions" />
+			</div>
+		</div>
+	);
+}

apps/website/src/app/dashboard/[id]/ama/page.tsx

@@ -8,7 +8,7 @@ export default async function AMAPage({ params }: PageProps<'/dashboard/[id]/ama
 	return (
 		<div className="space-y-8">
 			<div className="flex flex-col gap-4">
-				<DashboardCrumbs segments={[{ label: 'AMA' }]} />
+				<DashboardCrumbs segments={[{ label: 'AMA Bot' }]} />
 				<Heading subtitle="Configure AMA for your server" title="AMA Settings" />
 				<Link
 					className="flex items-center gap-4 rounded-lg border-[1px] border-on-secondary bg-card p-4 hover:bg-on-tertiary dark:border-on-secondary-dark dark:bg-card-dark dark:hover:bg-on-tertiary-dark"

apps/website/src/components/footer/Footer.tsx

@@ -5,9 +5,9 @@ import { SvgGitHub } from '@/components/icons/SvgGitHub';
 
 export function Footer() {
 	return (
-		<footer className="g-4 flex flex-row items-center justify-between gap-4 border-t-2 border-solid border-t-on-secondary px-6 py-3 font-medium dark:border-t-on-secondary-dark">
+		<footer className="g-4 flex flex-col items-start justify-between gap-3 border-t-2 border-solid border-t-on-secondary px-6 py-3 font-medium sm:flex-row sm:items-center sm:gap-4 dark:border-t-on-secondary-dark">
 			<span className="whitespace-nowrap text-secondary dark:text-secondary-dark">© ChatSift, 2022 - Present</span>
-			<div className="flex w-full flex-row content-between items-center gap-4">
+			<div className="flex w-full flex-row flex-wrap items-center justify-between gap-3 sm:w-auto sm:gap-4">
 				<div className="flex flex-row items-center gap-4">
 					<Link className="flex" href="/github">
 						<SvgGitHub />
@@ -16,7 +16,7 @@ export function Footer() {
 						<SvgDiscord />
 					</Link>
 				</div>
-				<div className="ml-auto flex flex-row items-center gap-2">
+				<div className="flex flex-row items-center gap-2 sm:ml-auto">
 					<p className="text-lg font-medium text-secondary dark:text-secondary-dark">Theme:</p>
 					<ThemeSwitchButton />
 				</div>

apps/website/src/components/nav/NavbarMobile.tsx

@@ -24,8 +24,8 @@ export function NavbarMobile() {
 					aria-controls="menu"
 					aria-expanded={mobileNavOpen}
 					aria-haspopup="true"
+					className="p-3"
 					onPress={() => setMobileNavOpen(!mobileNavOpen)}
-					style={{ padding: 12 }}
 				>
 					{mobileNavOpen ? <SvgClose /> : <SvgHamburger />}
 				</Button>

apps/website/src/data/common.ts

@@ -45,13 +45,13 @@ export const routesInfo = {
 		},
 	},
 
-	guilds: (id: string) => ({
+	guilds: (guildId: string) => ({
 		ama: {
 			amas: (query: GetAMAsQuery) => ({
-				queryKey: ['guilds', id, 'ama', 'amas', String(query.include_ended)],
-				path: '/v3/guilds/:id/ama/amas',
+				queryKey: ['guilds', guildId, 'ama', 'amas', String(query.include_ended)],
+				path: '/v3/guilds/:guildId/ama/amas',
 				query,
-				params: { id },
+				params: { guildId },
 			}),
 		},
 	}),

prisma/migrations/20251009190020_init/migration.sql

@@ -0,0 +1,60 @@
+-- CreateTable
+CREATE TABLE "Experiment" (
+    "name" TEXT NOT NULL,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" TIMESTAMP(3),
+    "rangeStart" INTEGER NOT NULL,
+    "rangeEnd" INTEGER NOT NULL,
+
+    CONSTRAINT "Experiment_pkey" PRIMARY KEY ("name")
+);
+
+-- CreateTable
+CREATE TABLE "ExperimentOverride" (
+    "id" SERIAL NOT NULL,
+    "guildId" TEXT NOT NULL,
+    "experimentName" TEXT NOT NULL,
+
+    CONSTRAINT "ExperimentOverride_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "AMASession" (
+    "id" SERIAL NOT NULL,
+    "guildId" TEXT NOT NULL,
+    "modQueue" TEXT,
+    "flaggedQueue" TEXT,
+    "guestQueue" TEXT,
+    "title" TEXT NOT NULL,
+    "answersChannel" TEXT NOT NULL,
+    "promptChannelId" TEXT NOT NULL,
+    "promptMessageId" TEXT NOT NULL,
+    "ended" BOOLEAN NOT NULL DEFAULT false,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+
+    CONSTRAINT "AMASession_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "AmaQuestion" (
+    "id" SERIAL NOT NULL,
+    "amaId" INTEGER NOT NULL,
+    "authorId" TEXT NOT NULL,
+    "content" TEXT NOT NULL,
+    "imageUrl" TEXT,
+    "answerMessageId" TEXT,
+
+    CONSTRAINT "AmaQuestion_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateIndex
+CREATE UNIQUE INDEX "ExperimentOverride_guildId_experimentName_key" ON "ExperimentOverride"("guildId", "experimentName");
+
+-- CreateIndex
+CREATE UNIQUE INDEX "AMASession_promptMessageId_key" ON "AMASession"("promptMessageId");
+
+-- AddForeignKey
+ALTER TABLE "ExperimentOverride" ADD CONSTRAINT "ExperimentOverride_experimentName_fkey" FOREIGN KEY ("experimentName") REFERENCES "Experiment"("name") ON DELETE CASCADE ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "AmaQuestion" ADD CONSTRAINT "AmaQuestion_amaId_fkey" FOREIGN KEY ("amaId") REFERENCES "AMASession"("id") ON DELETE CASCADE ON UPDATE CASCADE;

prisma/migrations/migration_lock.toml

@@ -1,3 +1,3 @@
 # Please do not edit this file manually
-# It should be added in your version-control system (i.e. Git)
-provider = "postgresql"
+# It should be added in your version-control system (e.g., Git)
+provider = "postgresql"

services/api/src/routes/ama/getAMAs.ts

@@ -22,7 +22,7 @@ export interface AMASessionWithCount extends Selectable<AMASession> {
 export default class GetAMAs extends Route<AMASessionWithCount[], GetAMAsQuery> {
 	public readonly info = {
 		method: RouteMethod.get,
-		path: '/v3/guilds/:id/ama/amas',
+		path: '/v3/guilds/:guildId/ama/amas',
 	} as const;
 
 	public override readonly queryValidationSchema = querySchema;
@@ -33,7 +33,7 @@ export default class GetAMAs extends Route<AMASessionWithCount[], GetAMAsQuery>
 
 	public override async handle(req: TRequest<GetAMAsQuery>, res: Response, next: NextHandler) {
 		const { include_ended } = req.query as unknown as GetAMAsQuery;
-		const { id: guildId } = req.params as { id: string };
+		const { guildId } = req.params as { guildId: string };
 
 		let query = context.db.selectFrom('AMASession').selectAll().where('guildId', '=', guildId);