feat: add static images

SnickerdoodleLabs · Jun 7, 2022 · 4b2182c · 4b2182c
1 parent 112bc5a
commit 4b2182c
Show file tree

Hide file tree

Showing 7 changed files with 25 additions and 9 deletions.
diff --git a/packages/browserExtension/src/assets/img/crabada-item.png b/packages/browserExtension/src/assets/img/crabada-item.png
diff --git a/packages/browserExtension/src/assets/img/sharapnel-item.png b/packages/browserExtension/src/assets/img/sharapnel-item.png
diff --git a/packages/browserExtension/src/manifest.json b/packages/browserExtension/src/manifest.json
@@ -38,7 +38,8 @@
         "icon-128.png",
         "icon-34.png",
         "shadowScript.js",
-        "injectables/*"
+        "injectables/*",
+        "assets/*"
       ],
       "matches": ["<all_urls>"]
     }

diff --git a/packages/browserExtension/src/pages/Content/components/App/App.tsx b/packages/browserExtension/src/pages/Content/components/App/App.tsx
@@ -30,22 +30,20 @@ export const REWARD_DATA: Array<RewardItem> = [
     title: "Claim your free NFT!",
     description:
       "Connect your Metamask wallet with our data wallet to gain free probs and NFT’s.",
-    image:
-      "https://icoholder.com/files/img/a44b24fb7032451568387033b92cfc4c.jpeg",
+    image: chrome.runtime.getURL("assets/img/crabada-item.png"),
     primaryButtonText: "Claim Reward",
-    secondaryButtonText: "Dismiss",
+    secondaryButtonText: "Back to Game",
     rewardName: "Crabada 761",
   },
   {
     host: EAvailableHost.SHRAPNEL,
     title: "Claim your free NFT!",
     description:
       "Connect your Metamask wallet with our data wallet to gain free probs and NFT’s.",
-    image:
-      "https://assets.infinitythegame.net/web/articles/images/20200703-weapons-guide-part-1/yujing-hmg.png",
+    image: chrome.runtime.getURL("assets/img/sharapnel-item.png"),
     primaryButtonText: "Claim Reward",
-    secondaryButtonText: "Dismiss",
-    rewardName: "ATG-47 Pistol",
+    secondaryButtonText: "Back to Game",
+    rewardName: "ATG-36 Helmet",
   },
 ];
 

diff --git a/packages/browserExtension/src/pages/Content/components/Modal/Modal.style.ts b/packages/browserExtension/src/pages/Content/components/Modal/Modal.style.ts
@@ -49,6 +49,9 @@ export const useGenericModalStyles = makeStyles((theme) =>
       marginBottom: 4,
       fontFamily: "'Shrikhand' !important",
     },
+    description: {
+      marginBottom: 24,
+    },
     primaryButton: {
       textTransform: "unset",
       padding: "21px 26px 10px 12px",

diff --git a/packages/browserExtension/src/pages/Content/components/RewardCard/RewardCard.tsx b/packages/browserExtension/src/pages/Content/components/RewardCard/RewardCard.tsx
@@ -255,6 +255,7 @@ const RewardCard: React.FC<props> = (props) => {
           flexDirection="column"
           bgcolor="#F8D798"
           flex={4}
+          paddingBottom="21px"
           alignItems="center"
           width="100%"
           justifyContent="center"
@@ -285,7 +286,11 @@ const RewardCard: React.FC<props> = (props) => {
           >
             {title}
           </Typography>
-          <Typography variant="body1" align="center">
+          <Typography
+            className={modalClasses.description}
+            variant="body1"
+            align="center"
+          >
             {description}
           </Typography>
           <Box display="flex" mt="auto" justifyContent="space-between">

diff --git a/packages/browserExtension/webpack.config.js b/packages/browserExtension/webpack.config.js
@@ -181,6 +181,15 @@ var options = {
         },
       ],
     }),
+    new CopyWebpackPlugin({
+      patterns: [
+        {
+          from: 'src/assets',
+          to: path.join(__dirname, 'build', 'assets'),
+          force: true,
+        },
+      ],
+    }),
     new HtmlWebpackPlugin({
       template: path.join(__dirname, "src", "pages", "Newtab", "index.html"),
       filename: "newtab.html",