jbilcke-hf HF staff commited on
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-1`,
70
  `text-xl text-zinc-100 font-medium mb-0 line-clamp-2`,
71
  `mb-2`
72
  )}>
73
- <div>{video.label}</div>
74
- <div className={cn(``)}>
75
- {video.model || "HotshotXL"}
 
 
 
 
 
 
 
 
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/${