feat: add 'Rules' column to listing table and display rules in item d…

…etails
LabGraphTeam · Jan 16, 2025 · 9f956bd · 9f956bd
1 parent 061e1df
commit 9f956bd
Showing 1 changed file with 9 additions and 0 deletions.
diff --git a/src/components/features/listing-table/index.tsx b/src/components/features/listing-table/index.tsx
@@ -53,6 +53,9 @@ const ListingTable: React.FC<ListingTableProps> = ({ items }) => {
             <th className='border-b border-border px-4 py-2 text-left text-[10px] font-semibold uppercase tracking-wider text-textSecondary md:text-xs'>
               Unit
             </th>
+            <th className='border-b border-border px-4 py-2 text-left text-[10px] font-semibold uppercase tracking-wider text-textSecondary md:text-xs'>
+              Rules
+            </th>
           </tr>
         </thead>
         <tbody>
@@ -82,6 +85,9 @@ const ListingTable: React.FC<ListingTableProps> = ({ items }) => {
               <td className='border-b border-border px-4 py-3 text-[6px] text-textPrimary md:text-sm'>
                 {item.unit_value}
               </td>
+              <td className='border-b border-border px-4 py-3 text-[6px] text-textPrimary md:text-sm'>
+                {item.rules}
+              </td>
             </tr>
           ))}
         </tbody>
@@ -111,6 +117,9 @@ const ListingTable: React.FC<ListingTableProps> = ({ items }) => {
             <p className='text-[6px] font-semibold text-textSecondary'>
               Unit: <span className='text-textPrimary'>{item.unit_value}</span>
             </p>
+            <p className='text-[6px] font-semibold text-textSecondary'>
+              Rules: <span className='text-textPrimary'>{item.rules}</span>
+            </p>
           </div>
         ))}
       </div>