fix: fix credential card button color (#17)

Co-authored-by: alpers <[email protected]> release-as: 0.13.1
zCloak-Network · Feb 6, 2023 · a3483be · a3483be
1 parent 936d9ba
commit a3483be
Show file tree

Hide file tree

Showing 5 changed files with 5 additions and 5 deletions.
diff --git a/packages/page-claims/src/button/DownloadButton.tsx b/packages/page-claims/src/button/DownloadButton.tsx
@@ -29,7 +29,7 @@ const ImportButton: React.FC<{ credential: VerifiableCredential; withText?: bool
   return (
     <Tooltip title="Download">
       <Stack alignItems="center">
-        <IconButton onClick={download} size="small">
+        <IconButton color="inherit" onClick={download} size="small">
           <IconDownload />
         </IconButton>
         {withText && (

diff --git a/packages/page-claims/src/button/ImportButton.tsx b/packages/page-claims/src/button/ImportButton.tsx
@@ -33,7 +33,7 @@ const ImportButton: React.FC<{ withText?: boolean; credential: VerifiableCredent
   return (
     <Tooltip title="Import to zCloak ID Wallet">
       <Stack alignItems="center">
-        <IconButton onClick={importToExtension} size="small">
+        <IconButton color="inherit" onClick={importToExtension} size="small">
           <IconImport />
         </IconButton>
         {withText && (

diff --git a/packages/page-claims/src/button/QrcodeButton.tsx b/packages/page-claims/src/button/QrcodeButton.tsx
@@ -29,7 +29,7 @@ const QrcodeButton: React.FC<{ credential: VerifiableCredential; withText?: bool
     <>
       <Tooltip title="Show QR code">
         <Stack alignItems="center">
-          <IconButton onClick={_toggleOpen} size="small">
+          <IconButton color="inherit" onClick={_toggleOpen} size="small">
             <IconQrcode sx={{ width: 14, height: 14 }} />
           </IconButton>
           {withText && (

diff --git a/packages/page-claims/src/button/RetweetButton.tsx b/packages/page-claims/src/button/RetweetButton.tsx
@@ -28,7 +28,7 @@ Tutorial: https://zcloaknetwork.medium.com/worlds-first-zk-guessing-for-the-worl
   return (
     <Tooltip title="Retweet">
       <Stack alignItems="center">
-        <IconButton onClick={retweet} size="small">
+        <IconButton color="inherit" onClick={retweet} size="small">
           <IconTwitter />
         </IconButton>
         {withText && (

diff --git a/packages/page-claims/src/button/ShareButton.tsx b/packages/page-claims/src/button/ShareButton.tsx
@@ -28,7 +28,7 @@ const ShareButton: React.FC<{ credential: VerifiableCredential; withText?: boole
     <>
       <Tooltip title="Share to other">
         <Stack alignItems="center">
-          <IconButton onClick={_toggleOpen} size="small">
+          <IconButton color="inherit" onClick={_toggleOpen} size="small">
             <IconForward />
           </IconButton>
           {withText && (