From f4575ca183cf231302360de9524dda93382f12b3 Mon Sep 17 00:00:00 2001
From: Artemy <artegoser@gmail.com>
Date: Thu, 10 Aug 2023 10:22:15 +0300
Subject: [PATCH] fix: channel name word break

---
 src/components/video.tsx | 13 ++++---------
 1 file changed, 4 insertions(+), 9 deletions(-)

diff --git a/src/components/video.tsx b/src/components/video.tsx
index 7d4b4c9..6d5b2fa 100644
--- a/src/components/video.tsx
+++ b/src/components/video.tsx
@@ -14,12 +14,7 @@ export function VideoComponent({ video, uploaderAvatar }: VideoComponentProps) {
   const navigate = useNavigate();
 
   return (
-    <Card
-      isBlurred
-      isPressable
-      onPress={() => navigate(video.url)}
-      shadow="none"
-    >
+    <Card isPressable onPress={() => navigate(video.url)} shadow="none">
       <CardHeader>
         <img className="w-full rounded-xl" src={video.thumbnail} />
       </CardHeader>
@@ -33,8 +28,8 @@ export function VideoComponent({ video, uploaderAvatar }: VideoComponentProps) {
             {video.title}
           </Link>
           <Link color="foreground" href={`#${video.uploaderUrl}`}>
-            <div className="flex flex-row items-center break-all">
-              <p className="flex-none text-md">{video.uploaderName}</p>
+            <div className="flex flex-row items-center">
+              <p className="text-md">{video.uploaderName}</p>
               {video.uploaderVerified && (
                 <CheckCircleIcon className="w-6 h-6 p-1" />
               )}
@@ -54,7 +49,7 @@ export function VideoComponent({ video, uploaderAvatar }: VideoComponentProps) {
 
 export function SkeletonVideoComponent() {
   return (
-    <Card isBlurred isPressable shadow="none" className="space-y-5 p-4">
+    <Card isPressable shadow="none" className="space-y-5 p-4">
       <Skeleton className="rounded-lg">
         <div className="rounded-lg h-56 bg-default-300 p-4"></div>
       </Skeleton>