jbilcke-hf HF staff commited on
Commit
b724e18
β€’
1 Parent(s): 81eb27e
src/app/interface/ai-clip-factory/index.tsx ADDED
@@ -0,0 +1,15 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ import { Button } from "@/components/ui/button"
2
+
3
+ export function AIClipFactory() {
4
+ return (
5
+ <Button
6
+ variant="outline"
7
+ className="bg-yellow-300"
8
+ onClick={() => {
9
+ window.open("https://huggingface.co/spaces/jbilcke-hf/ai-clip-factory", "_blank")
10
+ }}>
11
+ <span className="hidden md:inline">Try the clip factory!</span>
12
+ <span className="inline md:hidden">AI Clips</span>
13
+ </Button>
14
+ )
15
+ }
src/app/interface/bottom-bar/index.tsx CHANGED
@@ -8,6 +8,7 @@ import { About } from "../about"
8
  import { startTransition, useState } from "react"
9
  import { upscaleImage } from "@/app/engine/render"
10
  import { sleep } from "@/lib/sleep"
 
11
 
12
  export function BottomBar() {
13
  const download = useStore(state => state.download)
@@ -114,6 +115,7 @@ ${uploadUrl
114
  `scale-[0.9]`
115
  )}>
116
  <About />
 
117
  </div>
118
  <div className={cn(
119
  `flex flex-row`,
 
8
  import { startTransition, useState } from "react"
9
  import { upscaleImage } from "@/app/engine/render"
10
  import { sleep } from "@/lib/sleep"
11
+ import { AIClipFactory } from "../ai-clip-factory"
12
 
13
  export function BottomBar() {
14
  const download = useStore(state => state.download)
 
115
  `scale-[0.9]`
116
  )}>
117
  <About />
118
+ <AIClipFactory />
119
  </div>
120
  <div className={cn(
121
  `flex flex-row`,