Game name now visible on game mod cards and sliders. Mod post reactions now functional. Zap refactored. #33
@ -3,6 +3,7 @@ import { handleModImageError } from '../utils'
|
|||||||
|
|
||||||
type ModCardProps = {
|
type ModCardProps = {
|
||||||
title: string
|
title: string
|
||||||
|
gameName: string
|
||||||
summary: string
|
summary: string
|
||||||
imageUrl: string
|
imageUrl: string
|
||||||
link: string
|
link: string
|
||||||
@ -11,6 +12,7 @@ type ModCardProps = {
|
|||||||
|
|
||||||
export const ModCard = ({
|
export const ModCard = ({
|
||||||
title,
|
title,
|
||||||
|
gameName,
|
||||||
summary,
|
summary,
|
||||||
imageUrl,
|
imageUrl,
|
||||||
link,
|
link,
|
||||||
@ -37,7 +39,7 @@ export const ModCard = ({
|
|||||||
<h3 className='cMMBodyTitle'>{title}</h3>
|
<h3 className='cMMBodyTitle'>{title}</h3>
|
||||||
<p className='cMMBodyText'>{summary}</p>
|
<p className='cMMBodyText'>{summary}</p>
|
||||||
<div className='cMMBodyGame'>
|
<div className='cMMBodyGame'>
|
||||||
<p>Game name</p>
|
<p>{gameName}</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div className='cMMFoot'>
|
<div className='cMMFoot'>
|
||||||
|
@ -179,7 +179,7 @@ const SlideContent = ({ naddr }: SlideContentProps) => {
|
|||||||
<br />
|
<br />
|
||||||
</p>
|
</p>
|
||||||
<p className='IBMSMSCWSInfoText IBMSMSCWSInfoText2'>
|
<p className='IBMSMSCWSInfoText IBMSMSCWSInfoText2'>
|
||||||
Game name
|
{mod.game}
|
||||||
<br />
|
<br />
|
||||||
</p>
|
</p>
|
||||||
<div className='IBMSMSliderContainerWrapperSliderAction'>
|
<div className='IBMSMSliderContainerWrapperSliderAction'>
|
||||||
@ -239,6 +239,7 @@ const DisplayMod = ({ naddr }: DisplayModProps) => {
|
|||||||
return (
|
return (
|
||||||
<ModCard
|
<ModCard
|
||||||
title={mod.title}
|
title={mod.title}
|
||||||
|
gameName={mod.game}
|
||||||
summary={mod.summary}
|
summary={mod.summary}
|
||||||
imageUrl={mod.featuredImageUrl}
|
imageUrl={mod.featuredImageUrl}
|
||||||
link={`#${route}`}
|
link={`#${route}`}
|
||||||
@ -287,6 +288,7 @@ const DisplayLatestMods = () => {
|
|||||||
<ModCard
|
<ModCard
|
||||||
key={mod.id}
|
key={mod.id}
|
||||||
title={mod.title}
|
title={mod.title}
|
||||||
|
gameName={mod.game}
|
||||||
summary={mod.summary}
|
summary={mod.summary}
|
||||||
imageUrl={mod.featuredImageUrl}
|
imageUrl={mod.featuredImageUrl}
|
||||||
link={`#${route}`}
|
link={`#${route}`}
|
||||||
|
@ -220,6 +220,7 @@ export const ModsPage = () => {
|
|||||||
<ModCard
|
<ModCard
|
||||||
key={mod.id}
|
key={mod.id}
|
||||||
title={mod.title}
|
title={mod.title}
|
||||||
|
gameName={mod.game}
|
||||||
summary={mod.summary}
|
summary={mod.summary}
|
||||||
imageUrl={mod.featuredImageUrl}
|
imageUrl={mod.featuredImageUrl}
|
||||||
link={`#${route}`}
|
link={`#${route}`}
|
||||||
|
Loading…
Reference in New Issue
Block a user