feat: display description

app/routes/admin.live.add.tsx

@@ -2,15 +2,9 @@ import {
   type ActionFunctionArgs,
   type LoaderFunctionArgs,
   json,
-  redirect,
-  unstable_parseMultipartFormData,
-  unstable_composeUploadHandlers,
-  unstable_createFileUploadHandler,
-  unstable_createMemoryUploadHandler
+  redirect
 } from '@remix-run/node'
 import {invariant} from '@arcath/utils'
-import {v4 as uuid} from 'uuid'
-import path from 'path'
 
 import {getUserFromUPN, getUPNFromHeaders} from '~/lib/user.server'
 import {getPrisma} from '~/lib/prisma'

app/routes/admin.live.tsx

@@ -1,28 +1,10 @@
-import {
-  type LoaderFunctionArgs,
-  type ActionFunctionArgs,
-  json,
-  redirect,
-  type HeadersArgs
-} from '@remix-run/node'
+import {type LoaderFunctionArgs, json, type HeadersArgs} from '@remix-run/node'
 import {useLoaderData, Outlet} from '@remix-run/react'
-import {invariant} from '@arcath/utils'
 
 import {getUPNFromHeaders, getUserFromUPN} from '~/lib/user.server'
 import {getPrisma} from '~/lib/prisma'
 import {createTimings, combineServerTimingHeaders} from '~/utils/timings.server'
 
-import {log} from '~/log.server'
-
-import {
-  fieldsetClasses,
-  labelClasses,
-  inputClasses,
-  buttonClasses,
-  labelSpanClasses,
-  labelInfoClasses
-} from '~/lib/classes'
-
 export const loader = async ({request}: LoaderFunctionArgs) => {
   const {time, getHeader} = createTimings()
 

app/routes/live.tsx

@@ -8,6 +8,7 @@ import {getUPNFromHeaders, getUserFromUPN} from '~/lib/user.server'
 import {getConfigValue} from '~/lib/config.server'
 import {getPrisma} from '~/lib/prisma'
 import {buttonClasses} from '~/lib/classes'
+import {getMDXComponent} from '~/lib/mdx'
 
 export const loader = async ({request}: LoaderFunctionArgs) => {
   const user = await getUserFromUPN(getUPNFromHeaders(request))
@@ -69,12 +70,24 @@ const Live = () => {
 
   if (!start) {
     return (
-      <div className="mx-96 bg-white rounded-xl p-2 shadow-xl mt-12 grid grid-cols-3">
+      <div className="mx-96 bg-white rounded-xl p-2 shadow-xl mt-12 grid grid-cols-2 gap-4">
         <h3 className="text-xl col-span-3">Live Streams</h3>
+        {streams.length === 0 ? (
+          <div className="col-span-3 text-center">
+            <i>There are no streams currently running.</i>
+          </div>
+        ) : (
+          ''
+        )}
         {streams.map(stream => {
+          const Description = getMDXComponent(stream.descriptionCache)
+
           return (
             <div key={stream.id} className="text-center my-2">
               <h4 className="text-lg mb-2">{stream.title}</h4>
+              <div className="mb-4">
+                <Description />
+              </div>
               <button
                 className={buttonClasses()}
                 onClick={() => {

prisma/migrations/20240129193019_add_dates_to_live_streams/migration.sql

@@ -0,0 +1,3 @@
+-- AlterTable
+ALTER TABLE "LiveStream" ADD COLUMN     "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+ADD COLUMN     "updatedAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP;

prisma/schema.prisma

@@ -186,10 +186,12 @@ model Incident {
 }
 
 model LiveStream {
-  id               Int     @id @default(autoincrement())
+  id               Int      @id @default(autoincrement())
   title            String
-  live             Boolean @default(false)
-  key              String  @unique
-  description      String  @default("")
-  descriptionCache String  @default("")
+  live             Boolean  @default(false)
+  key              String   @unique
+  description      String   @default("")
+  descriptionCache String   @default("")
+  createdAt        DateTime @default(now())
+  updatedAt        DateTime @default(now()) @updatedAt
 }