fix(images): Support asset images upload (#763)

scripts/compile-app-assets.js

@@ -8,12 +8,12 @@ const exec = util.promisify(require('child_process').exec);
 
 const [targetDirectory] = process.argv.slice(2);
 
-const run = async () => {
+const compileLegacyAppLogoImages = async () => {
   const { stdout } = await exec(
     `git diff HEAD~1 --name-only --diff-filter=AMR | grep "src/apps/.*/assets/logo.png" || true`,
   );
 
-  if (stdout === '') exit(0);
+  if (stdout === '') return;
 
   const filepaths = stdout.split('\n').filter(s => s !== '');
 
@@ -24,7 +24,30 @@ const run = async () => {
     if (!fs.existsSync(targetDirectory)) fs.mkdirSync(targetDirectory, { recursive: true });
     fs.copyFileSync(filepath, path.join(targetDirectory, newFile));
   });
+};
+
+const compileAppAssetImages = async () => {
+  const { stdout } = await exec(
+    `git diff HEAD~1 --name-only --diff-filter=AMR | grep "src/apps/.*/assets/.*.png" || true`,
+  );
+
+  if (stdout === '') return;
+
+  const filepaths = stdout.split('\n').filter(s => s !== '');
 
+  filepaths.forEach(filepath => {
+    const [, appId] = filepath.match(/src\/apps\/(.*)\/assets\/.*/);
+    const appDirectory = path.join(targetDirectory, appId);
+    const newFile = path.basename(filepath);
+
+    if (!fs.existsSync(appDirectory)) fs.mkdirSync(appDirectory, { recursive: true });
+    fs.copyFileSync(filepath, path.join(appDirectory, newFile));
+  });
+};
+
+const run = async () => {
+  await compileLegacyAppLogoImages();
+  await compileAppAssetImages();
   exit(0);
 };
 

src/app-toolkit/helpers/presentation/image.present.ts

@@ -6,8 +6,12 @@ export const getTokenImg = (address: string, network: Network = Network.ETHEREUM
   return `https://storage.googleapis.com/zapper-fi-assets/tokens/${network}/${address}.png`;
 };
 
-export const getAppImg = (appName: string) => {
-  return `https://storage.googleapis.com/zapper-fi-assets/apps/${appName}.png`;
+export const getAppImg = (appId: string) => {
+  return `https://storage.googleapis.com/zapper-fi-assets/apps/${appId}.png`;
+};
+
+export const getAppAssetImage = (appId: string, filename: string) => {
+  return `https://storage.googleapis.com/zapper-fi-assets/apps/${appId}/${filename}.png`;
 };
 
 export const getNetworkImg = (network: Network) => {