From d79b69116705d1384b55d3ecc8d05d2b15e0574b Mon Sep 17 00:00:00 2001
From: kenilkb <kenil@tech4biz.org>
Date: Thu, 30 Jul 2026 12:10:53 +0530
Subject: [PATCH] Added thumbnail

---
 Channel-Frontend/src/features/assets/components/AssetCard.tsx   | 2 +-
 .../src/features/assets/components/AssetViewerModal.tsx         | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/Channel-Frontend/src/features/assets/components/AssetCard.tsx b/Channel-Frontend/src/features/assets/components/AssetCard.tsx
index 2c695f1..342dbb4 100644
--- a/Channel-Frontend/src/features/assets/components/AssetCard.tsx
+++ b/Channel-Frontend/src/features/assets/components/AssetCard.tsx
@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { useState } from 'react';
 import { motion, AnimatePresence } from 'framer-motion';
 import {
   FileText,
diff --git a/Channel-Frontend/src/features/assets/components/AssetViewerModal.tsx b/Channel-Frontend/src/features/assets/components/AssetViewerModal.tsx
index 362cc06..266ae09 100644
--- a/Channel-Frontend/src/features/assets/components/AssetViewerModal.tsx
+++ b/Channel-Frontend/src/features/assets/components/AssetViewerModal.tsx
@@ -1,4 +1,4 @@
-import React, { useState, useEffect } from 'react';
+import React, { useState, useEffect, useRef } from 'react';
 import { useNavigate } from 'react-router-dom';
 import { Minimize2, Maximize2, Globe, ExternalLink, FileText, File, Download, Compass, Sparkles } from 'lucide-react';
 import { axiosInstance } from '../../../services/axios';