From 38cd88fd866e19168b91745d5cf98543eebbc0f7 Mon Sep 17 00:00:00 2001
From: Eugene <eugene@nostrdev.com>
Date: Fri, 25 Oct 2024 13:13:22 +0300
Subject: [PATCH] fix: moves styling to SVG

---
 src/components/UsersDetails.tsx/index.tsx | 17 ++++++++---------
 1 file changed, 8 insertions(+), 9 deletions(-)

diff --git a/src/components/UsersDetails.tsx/index.tsx b/src/components/UsersDetails.tsx/index.tsx
index 25ccf7f..edf7c72 100644
--- a/src/components/UsersDetails.tsx/index.tsx
+++ b/src/components/UsersDetails.tsx/index.tsx
@@ -69,17 +69,17 @@ export const UsersDetails = ({ meta }: UsersDetailsProps) => {
     nostrId: string
   ) => {
     if (isTimestampVerified(timestamps, nostrId)) {
-      return <FontAwesomeIcon icon={faCheck} />
+      return <FontAwesomeIcon className={styles.ticket} icon={faCheck} />
     } else {
-      return <FontAwesomeIcon icon={faClock} />
+      return <FontAwesomeIcon className={styles.ticket} icon={faClock} />
     }
   }
 
   const getCompletedOpenTimestampsInfo = (timestamp: OpenTimestamp) => {
     if (timestamp.verification) {
-      return <FontAwesomeIcon icon={faCheck} />
+      return <FontAwesomeIcon className={styles.ticket} icon={faCheck} />
     } else {
-      return <FontAwesomeIcon icon={faClock} />
+      return <FontAwesomeIcon className={styles.ticket} icon={faClock} />
     }
   }
 
@@ -175,11 +175,10 @@ export const UsersDetails = ({ meta }: UsersDetailsProps) => {
           <span className={styles.detailsItem}>
             <FontAwesomeIcon icon={faCalendarPlus} />{' '}
             {createdAt ? formatTimestamp(createdAt) : <>&mdash;</>}{' '}
-            {timestamps && timestamps.length > 0 && id && (
-              <span className={styles.ticket}>
-                {getOpenTimestampsInfo(timestamps, id)}
-              </span>
-            )}
+            {timestamps &&
+              timestamps.length > 0 &&
+              id &&
+              getOpenTimestampsInfo(timestamps, id)}
           </span>
         </Tooltip>