fix images import on home & more pages (#97)

decentraland · Sep 13, 2024 · d776342 · d776342
1 parent b779e4c
commit d776342
Show file tree

Hide file tree

Showing 2 changed files with 27 additions and 9 deletions.
diff --git a/packages/renderer/src/components/HomePage/component.tsx b/packages/renderer/src/components/HomePage/component.tsx
@@ -13,12 +13,21 @@ import {
 import LayersOutlinedIcon from '@mui/icons-material/LayersOutlined';
 import BookmarkBorderIcon from '@mui/icons-material/BookmarkBorder';
 import VideoLibraryIcon from '@mui/icons-material/VideoLibrary';
+
 import { misc } from '#preload';
+
 import { type Project } from '/shared/types/projects';
-import { t } from '/@/modules/store/translation/utils';
+
+import EditorPng from '/assets/images/editor.png';
+import BookPng from '/assets/images/book.png';
+import InfluencePng from '/assets/images/influence.png';
+
 import { useAuth } from '/@/hooks/useAuth';
 import { useWorkspace } from '/@/hooks/useWorkspace';
+import { t } from '/@/modules/store/translation/utils';
+
 import { Navbar, NavbarItem } from '../Navbar';
+
 import { type CardBannerProps, type CardItemProps, type SignInCardProps } from './types';
 
 import './styles.css';
@@ -119,7 +128,7 @@ const ScenesCard: React.FC = React.memo(() => {
   return (
     <Card className="Card ScenesCard">
       <CardBanner
-        image="/assets/images/editor.png"
+        image={EditorPng}
         title={t('home.cards.scenes.title')}
         onClick={handleSeeAllClick}
       />
@@ -181,7 +190,7 @@ const LearnCard: React.FC = React.memo(() => {
   return (
     <Card className="Card LearnCard">
       <CardBanner
-        image="/assets/images/book.png"
+        image={BookPng}
         title={t('home.cards.learn.title')}
         onClick={handleClickSeeAll}
       />
@@ -220,7 +229,7 @@ const FeedbackCard: React.FC = React.memo(() => {
   return (
     <Card className="Card FeedbackCard">
       <CardContent className="CardContent CenteredContent">
-        <img src="/assets/images/influence.png" />
+        <img src={InfluencePng} />
         <Typography
           className="Title"
           variant="h5"

diff --git a/packages/renderer/src/components/MorePage/component.tsx b/packages/renderer/src/components/MorePage/component.tsx
@@ -1,8 +1,17 @@
 import cx from 'classnames';
 import React from 'react';
 import { Box, Button, Card, CardContent, Container, Grid, Typography } from 'decentraland-ui2';
+
 import { misc } from '#preload';
+
 import { t } from '/@/modules/store/translation/utils';
+
+import EditorPng from '/assets/images/editor.png';
+import CollectionsPng from '/assets/images/collections.png';
+import NamesPng from '/assets/images/names.png';
+import WorldPng from '/assets/images/world.png';
+import LandPng from '/assets/images/land.png';
+
 import { Navbar, NavbarItem } from '../Navbar';
 
 import './styles.css';
@@ -67,7 +76,7 @@ export function MorePage() {
               title={t('more.cards.create.legacy_web_editor.title')}
               description={t('more.cards.create.legacy_web_editor.description')}
               action={() => misc.openExternal(`${BUILDER_URL}/scenes`)}
-              image="/assets/images/editor.png"
+              image={EditorPng}
             />
           </Grid>
           <Grid
@@ -81,7 +90,7 @@ export function MorePage() {
               title={t('more.cards.create.collections.title')}
               description={t('more.cards.create.collections.description')}
               action={() => misc.openExternal(`${BUILDER_URL}/collections`)}
-              image="/assets/images/collections.png"
+              image={CollectionsPng}
             />
           </Grid>
         </Grid>
@@ -107,7 +116,7 @@ export function MorePage() {
               title={t('more.cards.manage.names.title')}
               description={t('more.cards.manage.names.description')}
               action={() => misc.openExternal(`${BUILDER_URL}/names`)}
-              image="/assets/images/names.png"
+              image={NamesPng}
             />
           </Grid>
           <Grid
@@ -121,7 +130,7 @@ export function MorePage() {
               title={t('more.cards.manage.worlds.title')}
               description={t('more.cards.manage.worlds.description')}
               action={() => misc.openExternal(`${BUILDER_URL}/worlds?tab=dcl`)}
-              image="/assets/images/world.png"
+              image={WorldPng}
             />
           </Grid>
           <Grid
@@ -135,7 +144,7 @@ export function MorePage() {
               title={t('more.cards.manage.land.title')}
               description={t('more.cards.manage.land.description')}
               action={() => misc.openExternal(`${BUILDER_URL}/land`)}
-              image="/assets/images/land.png"
+              image={LandPng}
             />
           </Grid>
         </Grid>