forked from sashaastiadi/www_mycelium_net
refactor: update image imports to use direct imports instead of public path
This commit is contained in:
@@ -16,6 +16,10 @@ import { AppScreen } from '@/components/AppScreen'
|
|||||||
import { CircleBackground } from '@/components/CircleBackground'
|
import { CircleBackground } from '@/components/CircleBackground'
|
||||||
import { Container } from '@/components/Container'
|
import { Container } from '@/components/Container'
|
||||||
import Image from 'next/image'
|
import Image from 'next/image'
|
||||||
|
|
||||||
|
import connectorImg from '@/images/connector.png'
|
||||||
|
import peersImg from '@/images/peers.png'
|
||||||
|
import settingImg from '@/images/setting.png'
|
||||||
import { PhoneFrame } from '@/components/PhoneFrame'
|
import { PhoneFrame } from '@/components/PhoneFrame'
|
||||||
import {
|
import {
|
||||||
DiageoLogo,
|
DiageoLogo,
|
||||||
@@ -194,7 +198,7 @@ type ScreenProps =
|
|||||||
function InviteScreen(props: ScreenProps) {
|
function InviteScreen(props: ScreenProps) {
|
||||||
return (
|
return (
|
||||||
<AppScreen className="w-full">
|
<AppScreen className="w-full">
|
||||||
<Image src="/images/connector.png" alt="Mycelium Connector" width={366} height={732} className="mt-[-2rem]" />
|
<Image src={connectorImg} alt="Mycelium Connector" width={366} height={732} className="mt-[-2rem]" />
|
||||||
</AppScreen>
|
</AppScreen>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
@@ -202,7 +206,7 @@ function InviteScreen(props: ScreenProps) {
|
|||||||
function StocksScreen(props: ScreenProps) {
|
function StocksScreen(props: ScreenProps) {
|
||||||
return (
|
return (
|
||||||
<AppScreen className="w-full">
|
<AppScreen className="w-full">
|
||||||
<Image src="/images/peers.png" alt="Mycelium Peers" width={366} height={732} className="mt-[-2rem]" />
|
<Image src={peersImg} alt="Mycelium Peers" width={366} height={732} className="mt-[-2rem]" />
|
||||||
</AppScreen>
|
</AppScreen>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
@@ -210,7 +214,7 @@ function StocksScreen(props: ScreenProps) {
|
|||||||
function InvestScreen(props: ScreenProps) {
|
function InvestScreen(props: ScreenProps) {
|
||||||
return (
|
return (
|
||||||
<AppScreen className="w-full">
|
<AppScreen className="w-full">
|
||||||
<Image src="/images/setting.png" alt="Mycelium Settings" width={366} height={732} className="mt-[-2rem]" />
|
<Image src={settingImg} alt="Mycelium Settings" width={366} height={732} className="mt-[-2rem]" />
|
||||||
</AppScreen>
|
</AppScreen>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
Reference in New Issue
Block a user