Logs page.

fezcode · fezcode · commit b314daf5536a · 2025-10-15T23:07:52.000+03:00
diff --git a/src/components/LogCard.js b/src/components/LogCard.js
@@ -32,16 +32,17 @@ const categoryStyles = {
   },
 };
 
-const LogCard = ({ log }) => {
+const LogCard = ({ log, index, totalLogs }) => {
   const { title, category, author, director, platform, source, artist, link, date, rating } = log;
 
   const cardStyle = categoryStyles[category] || {};
 
   return (
     <div
-      className="bg-transparent border rounded-lg shadow-lg p-6 flex flex-col justify-between"
+      className="bg-transparent border rounded-lg shadow-lg p-6 flex flex-col justify-between relative"
       style={cardStyle}
     >
+      <div className="absolute top-2 right-2 text-gray-400 text-lg font-semibold">#{totalLogs - index}</div>
       <div>
         <div className="flex items-center justify-between mb-4">
           <div className="flex items-center">
diff --git a/src/pages/LogsPage.js b/src/pages/LogsPage.js
@@ -29,7 +29,7 @@ const LogsPage = () => {
         <hr className="border-gray-700 mb-8" />
         <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
           {logs.map((log, index) => (
-            <LogCard key={index} log={log} />
+            <LogCard key={index} log={log} index={index} totalLogs={logs.length} />
           ))}
         </div>
         <ColorLegends />
