fix for the firehose

src/app/{interface/firehose → firehose}/delete.tsx

@@ -38,7 +38,10 @@ export function Delete({ post, moderationKey = "", onDelete = () => {} }: { post
         {post ?<div className="flex flex-col py-4 text-stone-800">
        
         <div className="w-full h-64">
-          <img
+          <video
+            loop
+            autoPlay
+            muted
               src={post.assetUrl}
               className={cn(
                 `w-full h-64 rounded-xl overflow-hidden object-cover`,

src/app/{interface/firehose → firehose}/page.tsx

@@ -43,9 +43,7 @@ export default function FirehosePage() {
         )}>
         <div className="w-full flex flex-col items-center overflow-y-scroll">
           <div className="flex flex-col space-y-2 pt-18 mb-6">
-            <h1 className="text-4xl md:text-6xl lg:text-[70px] xl:text-[100px] text-cyan-700">🌐 Panoremix</h1>
-            <h2 className="text-3xl mb-6">Generate cool panoramas using AI!</h2>
-            <h2 className="text-2xl">Latest locations synthesized:</h2>
+            <h1 className="text-4xl md:text-6xl lg:text-[70px] xl:text-[100px] text-cyan-700">AI Clip Factory</h1>
           </div>
 
           <div className="w-full grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 gap-x-4 gap-y-6 px-12">
@@ -59,18 +57,12 @@ export default function FirehosePage() {
                   className="group flex flex-col cursor-pointer"
                   >
                   <div className="w-full h-32">
-                  {moderationKey ? <div className="relative -mb-8 ml-2">
-                    <Button
-                      className="z-30 bg-red-200 text-red-700 hover:bg-red-300 hover:text-red-800 text-2xs px-2 h-7"
-                      onClick={(e) => {
-                        e.preventDefault()
-                        setToDelete(post)
-                        return false
-                      }}>Delete</Button>
-                  </div> : null}
-                    <img
-                      src={post.assetUrl}
-                      className={cn(
+                    <video
+                          muted
+                          autoPlay={false}
+                          loop
+                          src={post.assetUrl}
+                          className={cn(
                         `w-full h-32 rounded-xl overflow-hidden object-cover`,
                         `border border-zinc-900/70`,
                         // `group-hover:brightness-105`
@@ -90,6 +82,15 @@ export default function FirehosePage() {
                   <div
                   className="text-sm text-stone-700/70 w-full group-hover:underline underline-offset-2"
                   >{new Date(Date.parse(post.createdAt)).toLocaleString()}</div>
+                 {moderationKey ? <div className="">
+                    <Button
+                      className="z-40 bg-red-200 text-red-700 hover:bg-red-300 hover:text-red-800 text-2xs px-2 h-7"
+                      onClick={(e) => {
+                        e.preventDefault()
+                        setToDelete(post)
+                        return false
+                      }}>Delete</Button>
+                  </div> : null}
                 </div>
               </Link>
             ))}

src/app/server/actions/community.ts

@@ -217,8 +217,8 @@ export async function deletePost({
   }
 
   if (moderationKey !== secretModerationKey) {
-    console.error(`invalid moderation key, operation denied! please ask a Panoremix admin for the mdoeration key`)
-    throw new Error(`invalid moderation key, operation denied! please ask a Panoremix admin for the mdoeration key`)
+    console.error(`invalid moderation key, operation denied! please ask an admin for the mdoeration key`)
+    throw new Error(`invalid moderation key, operation denied! please ask an admin for the mdoeration key`)
   }
 
   try {