Merge branch 'realTimeVisulization' into rtViz

app/src/modules/market/Card.tsx

@@ -1,4 +1,3 @@
-// Card.tsx
 import React from "react";
 import {
   CommentsIcon,
@@ -9,51 +8,24 @@ import {
 } from "../../components/icons/marketPlaceIcons";
 
 import assetImage from "../../assets/image/image.png";
-
-interface CardProps {
-  assetName: string;
-  uploadedOn: string;
-  price: number;
-  rating: number;
-  views: number;
-  onSelectCard: (cardData: {
-    assetName: string;
-    uploadedOn: string;
-    price: number;
-    rating: number;
-    views: number;
-  }) => void;
-}
-
-const Card: React.FC<CardProps> = ({
-  assetName,
-  uploadedOn,
-  price,
-  rating,
-  views,
-  onSelectCard,
-}) => {
-  const handleCardSelect = () => {
-    onSelectCard({ assetName, uploadedOn, price, rating, views });
-  };
-
+const Card: React.FC = () => {
   return (
     <div className="card-container">
       <div className="icon">
         <DownloadIcon />
       </div>
       <div className="image-container">
-        <img src={assetImage} alt={assetName} />
+        <img src={assetImage} alt="" />
       </div>
       <div className="assets-container">
         <div className="name-container">
-          <div className="assets-name">{assetName}</div>
-          <div className="assets-date">{uploadedOn}</div>
+          <div className="asstes-container">Asset name</div>
+          <div className="assets-date">Uploaded on-12 Jan 23</div>
         </div>
         <div className="details">
           <div className="content">
             <EyeIconBig />
-            {views}
+            1.5k
           </div>
           <div className="content">
             <CommentsIcon />
@@ -67,17 +39,17 @@ const Card: React.FC<CardProps> = ({
       </div>
       <div className="stars-container">
         <div className="stars-wrapper">
-          {[...Array(5)].map((_, index) => (
-            <StarsIconSmall key={index} />
-          ))}
+          <StarsIconSmall />
+          <StarsIconSmall />
+          <StarsIconSmall />
+          <StarsIconSmall />
+          <StarsIconSmall />
         </div>
         <div className="units">
-          ₹ {price}/<span>unit</span>
+          ₹ 36,500/<span>unit</span>
         </div>
       </div>
-      <div className="buy-now-button" onClick={handleCardSelect}>
-        Buy now
-      </div>
+      <div className="buy-now-button">Buy now</div>
     </div>
   );
 };