let's add some ad

src/app/interface/about/index.tsx

@@ -27,8 +27,8 @@ export function About() {
     <Dialog open={isOpen} onOpenChange={setOpen}>
       <DialogTrigger asChild>
         <Button variant="outline">
-          <span className="hidden md:inline">{APP_NAME.replaceAll(" ", "-")} {APP_VERSION}</span>
-          <span className="inline md:hidden">Version {APP_VERSION}</span>
+          <span className="hidden md:inline">About</span>
+          <span className="inline md:hidden">About</span>
         </Button>
       </DialogTrigger>
       <DialogContent className="w-full sm:max-w-[500px] md:max-w-[600px] overflow-y-scroll h-[100vh] sm:h-[550px]">

src/app/interface/{ai-clip-factory → advert}/index.tsx

@@ -1,15 +1,15 @@
 import { Button } from "@/components/ui/button"
 
-export function AIClipFactory() {
+export function Advert() {
   return (
     <Button
       variant="outline"
-      className="bg-yellow-300"
+      className="bg-yellow-400 border-stone-600/30 hover:bg-yellow-300"
       onClick={() => {
-        window.open("https://huggingface.co/spaces/jbilcke-hf/ai-clip-factory?postId=f63df23d-de2f-4dee-961c-a56f160dd159&prompt=pikachu%2C+working+on+a+computer%2C+office%2C+serious%2C+typing%2C+keyboard&model=TheLastBen%2FPikachu_SDXL", "_blank")
+        window.open("https://huggingface.co/spaces/jbilcke-hf/ai-stories-factory", "_blank")
       }}>
-      <span className="hidden md:inline">Try the clip factory!</span>
-      <span className="inline md:hidden">Clips</span>
+      <span className="hidden md:inline">Try the AI Stories Factory</span>
+      <span className="inline md:hidden">AI Stories Factory</span>
     </Button>
   )
 }

src/app/interface/bottom-bar/bottom-bar.tsx

@@ -15,7 +15,8 @@ import { useLocalStorage } from "usehooks-ts"
 import { localStorageKeys } from "../settings-dialog/localStorageKeys"
 import { defaultSettings } from "../settings-dialog/defaultSettings"
 import { getParam } from "@/lib/getParam"
-import { Input } from "@/components/ui/input"
+import { Advert } from "../advert"
+
 
 function BottomBar() {
   // deprecated, as HTML-to-bitmap didn't work that well for us
@@ -132,10 +133,7 @@ function BottomBar() {
       )}>
         <About />
         <Discord />
-       {/* 
-       Thank you clip factory for your service 🫡
-       <AIClipFactory />
-       */}
+       <Advert />
       </div>
       <div className={cn(
       `flex flex-row`,
@@ -188,6 +186,7 @@ function BottomBar() {
           >
           {remainingImages ? `${allStatus.length - remainingImages}/${allStatus.length} ⌛` : `Save`}
         </Button> : null}
+        {/*
           <Button
             onClick={handlePrint}
             disabled={!prompt?.length}
@@ -199,6 +198,7 @@ function BottomBar() {
               remainingImages ? `${allStatus.length - remainingImages}/${allStatus.length} ⌛` : `PDF`
             }</span>
         </Button>
+          */}
         <Share />
       </div>
     </div>

src/app/interface/discord/index.tsx

@@ -13,7 +13,7 @@ export function Discord() {
       href="https://discord.gg/AEruz9B92B"
       target="_blank">
       <div><FaDiscord size={24} /></div>
-      <div className="text-sm ml-1.5">Community</div>
+      <div className="text-sm ml-1.5">Discord</div>
     </a>
   )
 }

src/app/store/index.ts

@@ -655,14 +655,14 @@ export const useStore = create<{
 
     const [stylePrompt, storyPrompt] = prompt.split("||").map(x => x.trim())
 
-    const cleanStylePrompt = stylePrompt.replace(/([^a-z0-9, ]+)/gi, "_")
+    const cleanStylePrompt = (stylePrompt || "").replace(/([^a-z0-9, ]+)/gi, "_")
 
-    const firstPartOfStory = storyPrompt.split(",").shift() || ""
+    const firstPartOfStory = (storyPrompt || "").split(",").shift() || ""
     const cleanStoryPrompt = firstPartOfStory.replace(/([^a-z0-9, ]+)/gi, "_")
 
     const cleanName = `${cleanStoryPrompt.slice(0, 22)} (${cleanStylePrompt.slice(0, 22) || "default style"})`
 
-    anchor.download = `${cleanName}.clap`
+    anchor.download = `AI Comic Factory - ${cleanName}.clap`
 
     document.body.appendChild(anchor) // Append to the body (could be removed once clicked)
     anchor.click() // Trigger the download