From e3b00c1c2cddc5a8e863263481f24480d34229b0 Mon Sep 17 00:00:00 2001
From: sebastjanartic <45803536-sebastjanartic@users.noreply.replit.com>
Date: Thu, 28 Aug 2025 19:10:40 +0000
Subject: [PATCH] Remove unused category and tag information from video
 displays

Removes the rendering of video categories and tags from the modal, video card, and video page components in the client.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2eb1084e-b728-4449-9231-f1665924c8d5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2eb1084e-b728-4449-9231-f1665924c8d5/BjeofQf
---
 client/src/components/bunny-video-modal.tsx |  7 -------
 client/src/components/video-card.tsx        | 23 ---------------------
 client/src/pages/VideoPage.tsx              | 22 --------------------
 3 files changed, 52 deletions(-)

diff --git a/client/src/components/bunny-video-modal.tsx b/client/src/components/bunny-video-modal.tsx
index 992d8ff..1754f1e 100644
--- a/client/src/components/bunny-video-modal.tsx
+++ b/client/src/components/bunny-video-modal.tsx
@@ -263,13 +263,6 @@ export default function BunnyVideoModal({ video, isOpen, onClose, onEdit }: Bunn
                 <span data-testid="text-video-date">{formatDate(video.createdAt)}</span>
               </div>
 
-              {video.category && (
-                <div className="mb-3">
-                  <span className="inline-block bg-blue-600 text-white px-2 py-1 rounded text-xs" data-testid="text-video-category">
-                    {video.category}
-                  </span>
-                </div>
-              )}
 
               {video.description && (
                 <div className="text-sm text-gray-300">
diff --git a/client/src/components/video-card.tsx b/client/src/components/video-card.tsx
index 1fc8427..e651286 100644
--- a/client/src/components/video-card.tsx
+++ b/client/src/components/video-card.tsx
@@ -104,30 +104,7 @@ export default function VideoCard({ video, onClick }: VideoCardProps) {
           <span data-testid={`text-date-${video.id}`}>
             {formatDate(video.createdAt)}
           </span>
-          {video.category && (
-            <span className="bg-bunny-blue/20 text-bunny-blue px-2 py-0.5 rounded-full text-xs">
-              {video.category}
-            </span>
-          )}
         </div>
-
-        {/* Tags display */}
-        {video.tags && video.tags.length > 0 && (
-          <div className="flex flex-wrap gap-1 mt-2">
-            {video.tags.slice(0, 3).map((tag, index) => (
-              <span
-                key={index}
-                className="bg-bunny-blue/20 text-bunny-blue border border-bunny-blue/30 px-2 py-1 rounded-full text-xs font-medium hover:bg-bunny-blue/30 transition-colors"
-                data-testid={`tag-${tag}-${video.id}`}
-              >
-                #{tag}
-              </span>
-            ))}
-            {video.tags.length > 3 && (
-              <span className="text-bunny-muted text-xs">+{video.tags.length - 3} more</span>
-            )}
-          </div>
-        )}
       </div>
     </div>
   );
diff --git a/client/src/pages/VideoPage.tsx b/client/src/pages/VideoPage.tsx
index 0347ff7..59f4235 100644
--- a/client/src/pages/VideoPage.tsx
+++ b/client/src/pages/VideoPage.tsx
@@ -351,30 +351,8 @@ export default function VideoPage() {
                 <span>{formatViews(currentVideo.views)} views</span>
                 <span>{formatDuration(currentVideo.duration)}</span>
                 <span>{formatDate(currentVideo.createdAt)}</span>
-                {currentVideo.category && (
-                  <span className="bg-bunny-blue/20 text-bunny-blue px-2 py-1 rounded-full">
-                    {currentVideo.category}
-                  </span>
-                )}
               </div>
 
-              {/* Tags Section */}
-              {currentVideo.tags && currentVideo.tags.length > 0 && (
-                <div className="mb-4">
-                  <h3 className="text-sm font-medium text-bunny-light mb-2">Tags</h3>
-                  <div className="flex flex-wrap gap-2">
-                    {currentVideo.tags.map((tag, index) => (
-                      <span
-                        key={index}
-                        className="bg-bunny-gray/50 text-bunny-light px-2 py-1 rounded text-xs hover:bg-bunny-gray transition-colors"
-                      >
-                        #{tag}
-                      </span>
-                    ))}
-                  </div>
-                </div>
-              )}
-
 
 
               {currentVideo.description ? (