fix: only specify the game name for featured games and image will be fetched at run time
All checks were successful
Release to Staging / build_and_release (push) Successful in 45s
All checks were successful
Release to Staging / build_and_release (push) Successful in 45s
This commit is contained in:
parent
64b5c7194f
commit
e22c731ec6
@ -14,26 +14,11 @@ export const LANDING_PAGE_DATA = {
|
|||||||
'naddr1qvzqqqrkcgpzquuz5nxzzap2c034s8cuv5ayr7gjaxz7d22pgwfh0qpmsesy9eflqp4nxvp5xqer5den8qexzdrrvverzde5xfskxvm9xv6nsvtxx93nvdfnvy6rze3exyex2wfcx4jnvcfexscngveexvmnwwpsxd3rsd3kxq6ryef4xdnr5vrrvgmnjc33xuknwde4vskngvekxgknsenyxvkk2ctxvscrvenpvsmnxeqydygjx'
|
'naddr1qvzqqqrkcgpzquuz5nxzzap2c034s8cuv5ayr7gjaxz7d22pgwfh0qpmsesy9eflqp4nxvp5xqer5den8qexzdrrvverzde5xfskxvm9xv6nsvtxx93nvdfnvy6rze3exyex2wfcx4jnvcfexscngveexvmnwwpsxd3rsd3kxq6ryef4xdnr5vrrvgmnjc33xuknwde4vskngvekxgknsenyxvkk2ctxvscrvenpvsmnxeqydygjx'
|
||||||
],
|
],
|
||||||
featuredGames: [
|
featuredGames: [
|
||||||
{
|
'SUPERHOT',
|
||||||
title: 'SUPERHOT',
|
'The Bounce House',
|
||||||
imageUrl: ''
|
'Immortal Guns',
|
||||||
},
|
'Magenta Horizon Act 1',
|
||||||
{
|
'DEAD LETTER DEPT. Demo'
|
||||||
title: 'The Bounce House',
|
|
||||||
imageUrl: ''
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: 'Immortal Guns',
|
|
||||||
imageUrl: ''
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: 'Magenta Horizon Act 1',
|
|
||||||
imageUrl: ''
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: 'DEAD LETTER DEPT. Demo',
|
|
||||||
imageUrl: ''
|
|
||||||
}
|
|
||||||
]
|
]
|
||||||
}
|
}
|
||||||
// we use this object to check if a user has reacted positively or negatively to a post
|
// we use this object to check if a user has reacted positively or negatively to a post
|
||||||
|
@ -1,5 +1,5 @@
|
|||||||
import { Filter, kinds, nip19 } from 'nostr-tools'
|
import { Filter, kinds, nip19 } from 'nostr-tools'
|
||||||
import { useState } from 'react'
|
import { useMemo, useState } from 'react'
|
||||||
import { useNavigate } from 'react-router-dom'
|
import { useNavigate } from 'react-router-dom'
|
||||||
import { A11y, Navigation, Pagination, Autoplay } from 'swiper/modules'
|
import { A11y, Navigation, Pagination, Autoplay } from 'swiper/modules'
|
||||||
import { Swiper, SwiperSlide } from 'swiper/react'
|
import { Swiper, SwiperSlide } from 'swiper/react'
|
||||||
@ -8,7 +8,7 @@ import { GameCard } from '../components/GameCard'
|
|||||||
import { ModCard } from '../components/ModCard'
|
import { ModCard } from '../components/ModCard'
|
||||||
import { LANDING_PAGE_DATA } from '../constants'
|
import { LANDING_PAGE_DATA } from '../constants'
|
||||||
import { RelayController } from '../controllers'
|
import { RelayController } from '../controllers'
|
||||||
import { useDidMount } from '../hooks'
|
import { useDidMount, useGames } from '../hooks'
|
||||||
import { appRoutes, getModPageRoute } from '../routes'
|
import { appRoutes, getModPageRoute } from '../routes'
|
||||||
import { ModDetails } from '../types'
|
import { ModDetails } from '../types'
|
||||||
import {
|
import {
|
||||||
@ -30,6 +30,14 @@ import 'swiper/css/pagination'
|
|||||||
|
|
||||||
export const HomePage = () => {
|
export const HomePage = () => {
|
||||||
const navigate = useNavigate()
|
const navigate = useNavigate()
|
||||||
|
const games = useGames()
|
||||||
|
|
||||||
|
const featuredGames = useMemo(() => {
|
||||||
|
return games.filter((game) =>
|
||||||
|
LANDING_PAGE_DATA.featuredGames.includes(game['Game Name'])
|
||||||
|
)
|
||||||
|
}, [games])
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className='InnerBodyMain'>
|
<div className='InnerBodyMain'>
|
||||||
<div className='SliderWrapper'>
|
<div className='SliderWrapper'>
|
||||||
@ -67,11 +75,11 @@ export const HomePage = () => {
|
|||||||
<h2 className='IBMSMTitleMainHeading'>Cool Games</h2>
|
<h2 className='IBMSMTitleMainHeading'>Cool Games</h2>
|
||||||
</div>
|
</div>
|
||||||
<div className='IBMSMList IBMSMListFeaturedAlt'>
|
<div className='IBMSMList IBMSMListFeaturedAlt'>
|
||||||
{LANDING_PAGE_DATA.featuredGames.map((game) => (
|
{featuredGames.map((game) => (
|
||||||
<GameCard
|
<GameCard
|
||||||
key={game.title}
|
key={game['Game Name']}
|
||||||
title={game.title}
|
title={game['Game Name']}
|
||||||
imageUrl={game.imageUrl}
|
imageUrl={game['Boxart image']}
|
||||||
/>
|
/>
|
||||||
))}
|
))}
|
||||||
</div>
|
</div>
|
||||||
|
Loading…
Reference in New Issue
Block a user