Merge branch 'abi' of https://github.com/Chirag-S-Kotian/linea-attest…

…ation-registry into abi
Consensys · Nov 11, 2024 · 48211b6 · 48211b6
2 parents 647944c + 46401de
commit 48211b6
Show file tree

Hide file tree

Showing 5 changed files with 22 additions and 1 deletion.
diff --git a/explorer/src/assets/watermarks/revoked-watermark.svg b/explorer/src/assets/watermarks/revoked-watermark.svg
diff --git a/explorer/src/pages/Attestation/components/AttestationCard/index.tsx b/explorer/src/pages/Attestation/components/AttestationCard/index.tsx
@@ -23,6 +23,7 @@ export const AttestationCard: React.FC<IAttestationCardProps> = ({
   portalId,
   issuanceDate,
   expiryDate,
+  revoked,
 }) => {
   const {
     sdk,
@@ -102,9 +103,19 @@ export const AttestationCard: React.FC<IAttestationCardProps> = ({
   return (
     <div
       key={`${id}`}
-      className="group flex flex-col justify-between gap-4 border border-border-card dark:border-border-cardDark rounded-xl p-4 md:p-6 hover:bg-surface-secondary dark:hover:bg-surface-secondaryDark transition md:min-h-[20rem]"
+      className={`relative group flex flex-col justify-between gap-4 border border-border-card dark:border-border-cardDark rounded-xl p-4 md:p-6 hover:bg-surface-secondary dark:hover:bg-surface-secondaryDark transition md:min-h-[20rem] ${
+        (isExpired || revoked) && "bg-surface-darkGrey dark:bg-surface-darkGreyDark"
+      }`}
     >
       <div>
+        {revoked && (
+          <div
+            className="absolute inset-0 flex items-center justify-center text-red-500 text-4xl md:text-6xl font-bold opacity-50 pointer-events-none"
+            style={{ transform: "rotate(-45deg)" }}
+          >
+            Revoked
+          </div>
+        )}
         <div className="flex items-start gap-3 text-xl md:text-md font-semibold text-blackDefault dark:text-whiteDefault">
           <div className="w-[2.5rem] h-[2.5rem] md:w-[3rem] md:h-[3rem] flex items-center mr-2 justify-center">
             {displayLogo()}

diff --git a/explorer/src/pages/Attestation/components/AttestationCard/interface.ts b/explorer/src/pages/Attestation/components/AttestationCard/interface.ts
@@ -4,4 +4,5 @@ export interface IAttestationCardProps {
   portalId: string;
   issuanceDate: number;
   expiryDate?: number;
+  revoked: boolean;
 }
diff --git a/explorer/src/pages/Attestations/components/CardView/index.tsx b/explorer/src/pages/Attestations/components/CardView/index.tsx
@@ -15,6 +15,7 @@ export const CardView: React.FC<ICardViewProps> = ({ attestationsList }) => {
               portalId={attestation.portal.id}
               issuanceDate={attestation.attestedDate}
               expiryDate={attestation.expirationDate}
+              revoked={attestation.revoked}
             />
           );
         })}

diff --git a/explorer/src/pages/Attestations/components/CardView/interface.ts b/explorer/src/pages/Attestations/components/CardView/interface.ts
@@ -9,5 +9,6 @@ export interface ICardViewProps {
     };
     attestedDate: number;
     expirationDate?: number;
+    revoked: boolean;
   }>;
 }