ALIEZ 17 часов назад
Родитель
Сommit
09983944cd
1 измененных файлов с 19 добавлено и 11 удалено
  1. 19 11
      src/app/[locale]/courses/[slug]/files-list-client.tsx

+ 19 - 11
src/app/[locale]/courses/[slug]/files-list-client.tsx

@@ -149,18 +149,26 @@ export function CourseFilesListClient({ goodsId, allHref, allLabel }: Props) {
                     <circle cx="12" cy="12" r="3" stroke="currentColor" strokeWidth="1.8" />
                   </svg>
                 </button>
-                <svg
-                  aria-hidden="true"
-                  viewBox="0 0 64 64"
-                  className="h-12 w-12 text-amber-400 drop-shadow-sm"
-                  fill="currentColor"
-                >
-                  <path d="M8 18a6 6 0 0 1 6-6h14c2.6 0 4.9 1.4 6.1 3.6L36 18h14a6 6 0 0 1 6 6v22a6 6 0 0 1-6 6H14a6 6 0 0 1-6-6V18z" />
-                  <path
-                    d="M8 26a6 6 0 0 1 6-6h36a6 6 0 0 1 6 6v4H8v-4z"
-                    className="text-amber-300"
+                {file.frontUrl ? (
+                  <img
+                    src={file.frontUrl}
+                    alt={file.title}
+                    className="h-full w-full object-cover"
                   />
-                </svg>
+                ) : (
+                  <svg
+                    aria-hidden="true"
+                    viewBox="0 0 64 64"
+                    className="h-12 w-12 text-amber-400 drop-shadow-sm"
+                    fill="currentColor"
+                  >
+                    <path d="M8 18a6 6 0 0 1 6-6h14c2.6 0 4.9 1.4 6.1 3.6L36 18h14a6 6 0 0 1 6 6v22a6 6 0 0 1-6 6H14a6 6 0 0 1-6-6V18z" />
+                    <path
+                      d="M8 26a6 6 0 0 1 6-6h36a6 6 0 0 1 6 6v4H8v-4z"
+                      className="text-amber-300"
+                    />
+                  </svg>
+                )}
               </div>
               <div className="flex min-h-0 min-w-0 flex-1 flex-col items-center border-t border-slate-100 px-3 pb-3 pt-2 text-center">
                 <h3 className="font-serif text-base font-bold leading-snug tracking-tight text-[var(--navy)] break-words">