diff --git a/packages/renderer/src/components/HomePage/component.tsx b/packages/renderer/src/components/HomePage/component.tsx index b066de69..d5ab0cb8 100644 --- 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 ( @@ -181,7 +190,7 @@ const LearnCard: React.FC = React.memo(() => { return ( @@ -220,7 +229,7 @@ const FeedbackCard: React.FC = React.memo(() => { return ( - + misc.openExternal(`${BUILDER_URL}/scenes`)} - image="/assets/images/editor.png" + image={EditorPng} /> misc.openExternal(`${BUILDER_URL}/collections`)} - image="/assets/images/collections.png" + image={CollectionsPng} /> @@ -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} /> misc.openExternal(`${BUILDER_URL}/worlds?tab=dcl`)} - image="/assets/images/world.png" + image={WorldPng} /> misc.openExternal(`${BUILDER_URL}/land`)} - image="/assets/images/land.png" + image={LandPng} />