Spaces:
Running
Running
Commit
•
b724e18
1
Parent(s):
81eb27e
add link
Browse files
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`,
|