fix: claim reward image update

punithbm · punithbm · commit 0a0fd10ca9f7 · 2023-08-13T01:12:22.000+05:30
diff --git a/pages/[id].tsx b/pages/[id].tsx
@@ -46,7 +46,7 @@ export default function claim() {
     const uuid = router.asPath;
     return (
       <WagmiConfig config={config}>
-        <MetaHead title="Hey, Claim your Safe for Free!!" description="Clink Safe | Share Crypto Rewards Just in Link" imageUrl="" urlEndpoint="" />
+        <MetaHead title="Hey, Claim your Reward!!" description="Crypto Rewards Just in Link | Clink Safe" imageUrl="https://raw.githubusercontent.com/punithbm/eth-micropay-superhack/develop/public/assets/images/bg_card_topology.svg" urlEndpoint="" />
         <ShareLink uuid={uuid} />
       </WagmiConfig>
     );
diff --git a/public/assets/images/meta.png b/public/assets/images/meta.png
diff --git a/public/assets/images/tchestopen.svg b/public/assets/images/tchestopen.svg
@@ -0,0 +1,57 @@
+<svg width="212" height="156" viewBox="0 0 212 156" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_16_292)">
+<path d="M202.5 137H9.5C4.25329 137 0 141.253 0 146.5C0 151.747 4.25329 156 9.5 156H202.5C207.747 156 212 151.747 212 146.5C212 141.253 207.747 137 202.5 137Z" fill="#051923"/>
+<path d="M200.776 28.8282C194.211 7.05894 172.752 0.0235596 172.752 0.0235596L195.103 74.099C195.103 74.099 208.028 52.8714 200.776 28.8282Z" fill="#E6964F"/>
+<path d="M25.2872 0.0143433L173.001 0.0143433L164.586 5.4626H16.8716L25.2872 0.0143433Z" fill="#F5D68E"/>
+<path d="M17 5.46259L27.9928 5.4626L48.4857 73.9152L37.4929 73.9153L17 5.46259Z" fill="#E6964F"/>
+<path d="M158.83 8.99174L172.987 0L195.393 74.0042H175.959L158.83 8.99174Z" fill="#E6964F"/>
+<path d="M27.0731 5.46259L164.507 5.4626L185 74.9152L47.566 74.9153L27.0731 5.46259Z" fill="black"/>
+<rect x="25.6731" y="74.0033" width="162.71" height="62.6051" fill="#AF3C5B"/>
+<rect x="25.936" y="123.714" width="162.447" height="4.10626" fill="#8B2650"/>
+<rect x="25.936" y="109.535" width="162.447" height="4.10626" fill="#8B2650"/>
+<rect x="25.936" y="95.3557" width="162.447" height="4.10626" fill="#8B2650"/>
+<rect x="9" y="145.504" width="10.3573" height="120.01" transform="rotate(-90 9 145.504)" fill="white"/>
+<rect x="9" y="147.491" width="10.3573" height="120.01" transform="rotate(-90 9 147.491)" fill="#F5D68E"/>
+<rect x="9" y="85.1349" width="11.1364" height="120.01" transform="rotate(-90 9 85.1349)" fill="#F5D68E"/>
+<rect x="61.1982" y="74.0033" width="16.6731" height="61.1435" fill="#E6964F"/>
+<rect x="61" y="74.0033" width="13.5943" height="73.4875" fill="#F5D68E"/>
+<rect x="61.986" y="75.0359" width="11.9765" height="0.975119" fill="white"/>
+<rect x="84.5961" y="68.2161" width="4.07751" height="36.7437" fill="#E6964F"/>
+<rect x="84.5961" y="84.9738" width="5.27014" height="19.986" fill="#E6964F"/>
+<rect x="84.5961" y="65.9992" width="4.07751" height="7.9994" fill="#E6964F"/>
+<rect x="53.0228" y="65.9992" width="31.5733" height="39.0126" fill="#F5D68E"/>
+<rect x="53.0228" y="65.9992" width="31.5733" height="0.975119" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M71.3886 92.5004C73.0362 91.5905 74.152 89.8358 74.152 87.8205C74.152 84.8699 71.7601 82.4779 68.8094 82.4779C65.8588 82.4779 63.4669 84.8699 63.4669 87.8205C63.4669 89.8358 64.5827 91.5905 66.2302 92.5004V101.251H71.3886V92.5004Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M68.4321 82.491C66.7425 83.4399 65.601 85.2489 65.601 87.3246C65.601 89.4143 66.758 91.2338 68.4664 92.1773V101.251H66.2302V92.5004C64.5827 91.5905 63.4669 89.8358 63.4669 87.8205C63.4669 84.9967 65.6575 82.6846 68.4321 82.491Z" fill="#E6964F"/>
+<rect x="12.1982" y="84.9692" width="16.6731" height="50.1776" fill="#E6964F"/>
+<rect x="9" y="74.0033" width="14.5532" height="73.4875" fill="#F5D68E"/>
+<rect x="9.98604" y="75.0359" width="11.9765" height="0.975119" fill="white"/>
+<rect x="117.845" y="74.0033" width="16.6731" height="63.1302" fill="#E6964F"/>
+<rect x="114.647" y="74.0033" width="14.5532" height="73.4875" fill="#F5D68E"/>
+<rect x="115.633" y="75.0359" width="11.9765" height="0.975119" fill="white"/>
+<rect width="3.19823" height="50.7766" transform="matrix(-1 0 0 1 178.732 85.1349)" fill="#F5D68E"/>
+<rect width="16.6731" height="73.4875" transform="matrix(-1 0 0 1 195.405 74.0033)" fill="#E6964F"/>
+<rect width="16.6731" height="73.4875" transform="matrix(-1 0 0 1 145.683 74.0033)" fill="#E6964F"/>
+<rect width="11.1317" height="49.7221" transform="matrix(8.93032e-09 -1 -1 -1.59236e-08 178.732 85.1349)" fill="#E6964F"/>
+<path d="M178.732 135.912L175.473 132.912L145.683 132.912L145.683 135.912L178.732 135.912Z" fill="white"/>
+<rect width="11.5791" height="49.7221" transform="matrix(8.93032e-09 -1 -1 -1.59236e-08 178.732 147.491)" fill="#E6964F"/>
+<path d="M88.6736 73.009V65.9992L94.0132 67.8461V73.009H88.6736Z" fill="#EACA79"/>
+<path d="M88.6736 85.0472V74.0033H94.0132V85.0472H88.6736Z" fill="#EACA79"/>
+<rect x="89.8441" y="85.1349" width="3.17556" height="22.4902" fill="#8B2650"/>
+<rect x="89.8441" y="85.1349" width="24.8026" height="7.46149" fill="#8B2650"/>
+<rect x="28.8713" y="85.1349" width="24.1515" height="7.46149" fill="#8B2650"/>
+<rect x="145.683" y="85.1349" width="29.8508" height="7.46149" fill="#8B2650"/>
+<path d="M90.0012 105.012L90.0012 107.625L77.8528 107.625L77.8528 105.012L90.0012 105.012Z" fill="#8B2650"/>
+<path d="M74.5943 105.012L74.5943 108.187L61 108.187L61 105.012L74.5943 105.012Z" fill="#EACA79"/>
+<path d="M77.8528 105.012L77.8528 107.633L74.5355 108.187L74.5355 105.012L77.8528 105.012Z" fill="#C27E43"/>
+<rect x="188.383" y="76.011" width="3.74089" height="67.0473" fill="#BF6F42"/>
+<path d="M132.341 145.442L134.341 141.701L192.124 141.701L192.124 145.442L132.341 145.442Z" fill="#BF6F42"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M26.3929 5.46259L47.1034 74.099C47.1034 74.099 60.0276 52.8714 52.7765 28.8282C49.2909 17.2708 41.6072 9.86622 35.1655 5.46259H26.3929Z" fill="#282626" fill-opacity="0.7"/>
+<path d="M25.6731 0.0235706L170.245 0.0235596L167.545 1.83828H25.6731V0.0235706Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0_16_292">
+<rect width="212" height="156" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/ui_components/ShareLinkPage.tsx b/ui_components/ShareLinkPage.tsx
@@ -372,7 +372,7 @@ const ShareLink: FC<IShareLink> = (props) => {
                             </div>
                         )}
                         <div className="self-end">
-                            <Image className="" src={icons.tchest} alt="Chest" />
+                            {isClaimSuccessful ? <Image className="mt-[-29px]" src={icons.tchestopen} alt="Chest Open" /> : <Image className="" src={icons.tchest} alt="Chest" />}
                         </div>
                     </div>
                 </div>
diff --git a/utils/images/index.ts b/utils/images/index.ts
@@ -20,6 +20,7 @@ import safeLogo from "../../public/assets/images/safe_logo.svg";
 import shareBtnIcon from "../../public/assets/images/share_btn_icon.svg";
 import shareBtnIconWhite from "../../public/assets/images/share_btn_icon_white.svg";
 import tchest from "../../public/assets/images/tchest.svg";
+import tchestopen from "../../public/assets/images/tchestopen.svg";
 import telegramBlue from "../../public/assets/images/telegram_blue.svg";
 import tokensLoading from "../../public/assets/images/tokens_loading.png";
 import transferIcon from "../../public/assets/images/transfer_icon.svg";
@@ -30,6 +31,7 @@ export type TImages =
     | "logo"
     | "logo2"
     | "tchest"
+    | "tchestopen"
     | "walletIcon"
     | "backIcon"
     | "shareBtnIcon"
@@ -65,6 +67,7 @@ export const icons: Record<TImages, TNextImage> = {
     logo,
     logo2,
     tchest,
+    tchestopen,
     walletIcon,
     backIcon,
     shareBtnIcon,
