From d443ba75ba71a0a4ad9f80a98c55c7153c57c767 Mon Sep 17 00:00:00 2001
From: t0is <tomaseisner69@gmail.com>
Date: Fri, 25 Apr 2025 13:53:22 +0200
Subject: [PATCH] images

---
 src/app/Models/Channel.php        |  1 +
 src/resources/js/Pages/Clips.tsx  |  4 ++--
 src/resources/js/Pages/Videos.tsx | 33 ++++++++++++-------------------
 src/resources/js/types.ts         |  1 +
 4 files changed, 17 insertions(+), 22 deletions(-)

diff --git a/src/app/Models/Channel.php b/src/app/Models/Channel.php
index 93577fa..85bface 100644
--- a/src/app/Models/Channel.php
+++ b/src/app/Models/Channel.php
@@ -14,6 +14,7 @@ class Channel extends Model
         'youtube_name',
         'twitch_id',
         'youtube_id',
+        'img_url',
         'language',
         'fetching_enabled',
     ];
diff --git a/src/resources/js/Pages/Clips.tsx b/src/resources/js/Pages/Clips.tsx
index ac5e87d..9d3db58 100644
--- a/src/resources/js/Pages/Clips.tsx
+++ b/src/resources/js/Pages/Clips.tsx
@@ -203,8 +203,8 @@ export default function Clips() {
                                     >
                                         <figure>
                                             <img
-                                                src="https://img.daisyui.com/images/stock/photo-1606107557195-0e29a4b5b4aa.webp"
-                                                alt="Video Thumbnail"
+                                                src={clip.video.channel.img_url}
+                                                alt={clip.video.channel.channel_name}
                                             />
                                         </figure>
                                         <div className="card-body">
diff --git a/src/resources/js/Pages/Videos.tsx b/src/resources/js/Pages/Videos.tsx
index 06ad859..77e8403 100644
--- a/src/resources/js/Pages/Videos.tsx
+++ b/src/resources/js/Pages/Videos.tsx
@@ -197,13 +197,13 @@ export default function Videos() {
                                                         <input type="checkbox" className="checkbox"/>
                                                     </label>
                                                 </th>
-                                                <td>
+                                                <td className="pr-0">
                                                     <div className="flex items-center gap-3">
                                                         <div className="avatar">
                                                             <div className="mask mask-squircle h-12 w-12">
                                                                 <img
-                                                                    src="https://img.daisyui.com/images/profile/demo/2@94.webp"
-                                                                    alt="Avatar Tailwind CSS Component"/>
+                                                                    src={video.channel.img_url}
+                                                                    alt={video.channel.channel_name}/>
                                                             </div>
                                                         </div>
                                                         <div>
@@ -213,13 +213,16 @@ export default function Videos() {
                                                     </div>
                                                 </td>
                                                 <td>
-                                                    {video.name}
-                                                    <br/>
-                                                    <a href={route('clips', {video_id: video.id})} target="_blank">
-                                                        <span className="badge badge-ghost badge-sm">
-                                                            Clip count: {video.clips.length || 0}
-                                                        </span>
-                                                    </a>
+                                                    <div className="flex flex-col w-max max-w-[500px]">
+                                                        <div>
+                                                            {video.name}
+                                                        </div>
+                                                        <a href={route('clips', {video_id: video.id})} target="_blank">
+                                                            <span className="badge badge-ghost badge-sm">
+                                                                Clip count: {video.clips.length || 0}
+                                                            </span>
+                                                        </a>
+                                                    </div>
                                                 </td>
                                                 <td>
                                                     <div className="grid grid-cols-2 gap-2">
@@ -236,16 +239,6 @@ export default function Videos() {
 
 
                                 </tbody>
-                                {/* foot */}
-                                <tfoot>
-                                <tr>
-                                    <th></th>
-                                    <th>Name</th>
-                                    <th>Job</th>
-                                    <th>Favorite Color</th>
-                                    <th></th>
-                                </tr>
-                                </tfoot>
                             </table>
                         </div>
                     </div>
diff --git a/src/resources/js/types.ts b/src/resources/js/types.ts
index 1f3ffe4..329102c 100644
--- a/src/resources/js/types.ts
+++ b/src/resources/js/types.ts
@@ -127,6 +127,7 @@ export interface Channel {
   youtube_name: string | null;
   twitch_id: string | null;
   youtube_id: string | null;
+  img_url: string | null;
   language: string;
   fetching_enabled: boolean;
   created_at: Date | null;