better design

This commit is contained in:
Dobromir Popov
2024-05-12 19:05:31 +03:00
parent 6e884777fb
commit 55bacdc491

View File

@ -241,12 +241,20 @@ function ContactsPage({ allPublishers }) {
<td className="border-b p-4"></td> {/* Empty cell for alignment */}
</>
)}
<td className="border-b p-4">
{/* show notification checkmark badge if isPushActive */}
<td className="border-b p-4 text-center">
{pub.isPushActive ? (
<span className="badge py-1 px-2 rounded-md text-xs bg-green-500 text-white"></span>
<span className="text-green-500">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="3" stroke="currentColor" className="w-4 h-4 inline-block">
{/* <circle cx="12" cy="12" r="10" fill="white" stroke="currentColor" stroke-width="2" /> */}
<path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5" />
</svg>
</span>
) : (
<span className="badge py-1 px-2 rounded-md text-xs bg-gray-300 text-gray-500">-</span>
<span className="text-gray-400">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="3" stroke="currentColor" className="w-4 h-4 inline-block">
<path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" />
</svg>
</span>
)}
</td>
</tr>