Spaces:
Running
Running
Commit
·
22d3c77
1
Parent(s):
4c34e70
add model link
Browse files
src/app/views/public-video-view/index.tsx
CHANGED
@@ -6,6 +6,7 @@ import { PiShareFatLight } from "react-icons/pi"
|
|
6 |
import CopyToClipboard from "react-copy-to-clipboard"
|
7 |
import { LuCopyCheck } from "react-icons/lu"
|
8 |
import { LuScrollText } from "react-icons/lu"
|
|
|
9 |
|
10 |
import { useStore } from "@/app/state/useStore"
|
11 |
import { cn } from "@/lib/utils"
|
@@ -66,14 +67,23 @@ export function PublicVideoView() {
|
|
66 |
|
67 |
{/** VIDEO TITLE - HORIZONTAL */}
|
68 |
<div className={cn(
|
69 |
-
`flex flew-row space-x-
|
70 |
`text-xl text-zinc-100 font-medium mb-0 line-clamp-2`,
|
71 |
`mb-2`
|
72 |
)}>
|
73 |
-
<div>{video.label}</div>
|
74 |
-
|
75 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
76 |
</div>
|
|
|
77 |
</div>
|
78 |
|
79 |
{/** VIDEO TOOLBAR - HORIZONTAL */}
|
@@ -157,6 +167,19 @@ export function PublicVideoView() {
|
|
157 |
</CopyToClipboard>
|
158 |
</div>
|
159 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
160 |
<ActionButton
|
161 |
href={
|
162 |
`https://huggingface.co/datasets/${
|
|
|
6 |
import CopyToClipboard from "react-copy-to-clipboard"
|
7 |
import { LuCopyCheck } from "react-icons/lu"
|
8 |
import { LuScrollText } from "react-icons/lu"
|
9 |
+
import { BiCameraMovie } from "react-icons/bi"
|
10 |
|
11 |
import { useStore } from "@/app/state/useStore"
|
12 |
import { cn } from "@/lib/utils"
|
|
|
67 |
|
68 |
{/** VIDEO TITLE - HORIZONTAL */}
|
69 |
<div className={cn(
|
70 |
+
`flex flew-row space-x-2`,
|
71 |
`text-xl text-zinc-100 font-medium mb-0 line-clamp-2`,
|
72 |
`mb-2`
|
73 |
)}>
|
74 |
+
<div className="">{video.label}</div>
|
75 |
+
{/*
|
76 |
+
<div className={cn(
|
77 |
+
`flex flex-row`, // `inline-block`,
|
78 |
+
`bg-neutral-700 text-neutral-300 rounded-lg`,
|
79 |
+
// `items-center justify-center`,
|
80 |
+
`text-center`,
|
81 |
+
`px-1.5 py-0.5`,
|
82 |
+
`text-xs`
|
83 |
+
)}>
|
84 |
+
AI Video Model: {video.model || "HotshotXL"}
|
85 |
</div>
|
86 |
+
*/}
|
87 |
</div>
|
88 |
|
89 |
{/** VIDEO TOOLBAR - HORIZONTAL */}
|
|
|
167 |
</CopyToClipboard>
|
168 |
</div>
|
169 |
|
170 |
+
<ActionButton
|
171 |
+
href={
|
172 |
+
video.model === "LaVie"
|
173 |
+
? "https://huggingface.co/vdo/LaVie"
|
174 |
+
: video.model === "SVD"
|
175 |
+
? "https://huggingface.co/stabilityai/stable-video-diffusion-img2vid"
|
176 |
+
: "https://huggingface.co/hotshotco/Hotshot-XL"
|
177 |
+
}
|
178 |
+
>
|
179 |
+
<BiCameraMovie />
|
180 |
+
<span>Made with {video.model}</span>
|
181 |
+
</ActionButton>
|
182 |
+
|
183 |
<ActionButton
|
184 |
href={
|
185 |
`https://huggingface.co/datasets/${
|