Lncvrt-Games/launcher
0
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Pre-work on adding view mod info popup

Browse Source
This commit is contained in:
Lncvrt committed 2026-03-24 16:29:15 -07:00
1 parent 0c52169533
commit 49c03e82b1
3 files changed
+58 -74
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

src/componets/popups/ModDownloads.tsx
+47 -71
View File
@@ -17,7 +17,9 @@ export default function ModDownloadsPopup () {
getGameInfo,
getVersionInfo,
managingVersion,
downloadedVersionsConfig
downloadedVersionsConfig,
showModInfo,
setShowModInfo
} = useGlobal()
const [mods, setMods] = useState<Mod[] | 0 | 1>(0)
@@ -60,14 +62,14 @@ export default function ModDownloadsPopup () {
setMods(1)
}
}}
hidden={typeof mods == 'number'}
hidden={typeof mods == 'number' || showModInfo != -1}
>
<FontAwesomeIcon icon={faRefresh} />
</button>
<p className='text-xl text-center'>
{versionInfo?.displayName} Mod Manager
</p>
{typeof mods != 'number' ? (
{typeof mods != 'number' && showModInfo == -1 ? (
<div className='flex flex-row justify-center items-center -mb-2 mt-0.5 gap-1.5'>
<button
className={`button ${tab == 0 ? 'btntheme3' : 'btntheme2'}`}
@@ -92,78 +94,52 @@ export default function ModDownloadsPopup () {
</p>
) : (
<div className='flex flex-col items-center justify-center gap-2 p-2'>
{tab == 0
? mods
.filter(
v =>
!downloadedVersionsConfig ||
Object.keys(downloadedVersionsConfig.mods).includes(
{mods
.filter(
v =>
!downloadedVersionsConfig ||
(tab == 0
? Object.keys(downloadedVersionsConfig.mods).includes(
String(v.id)
)
)
.map(v => {
return (
<div
key={v.id}
className='bg-(--col3) border border-(--col5) rounded-lg w-full h-16 flex flex-row'
>
<div className='flex flex-col justify-center h-full px-3 w-fit'>
<p>
<span className='text-lg'>{v.name}</span>{' '}
<span className='text-green-300'>
v{v.latestVersion}
</span>
</p>
<p className='text-yellow-200'>
Made by {v.creators[0]}
{v.creators.length > 1
? ' + ' + (v.creators.length - 1) + ' more'
: null}
</p>
</div>
<div className='flex items-center h-full gap-2 px-3 ml-auto'>
<button className='button btntheme3'>View</button>
</div>
</div>
)
})
: mods
.filter(
v =>
!downloadedVersionsConfig ||
!Object.keys(downloadedVersionsConfig.mods).includes(
: !Object.keys(downloadedVersionsConfig.mods).includes(
String(v.id)
)
)
.map(v => {
return (
<div
key={v.id}
className='bg-(--col3) border border-(--col5) rounded-lg w-full h-16 flex flex-row'
))
)
.map(v => {
return (
<div
key={v.id}
className='bg-(--col3) border border-(--col5) rounded-lg w-full h-16 flex flex-row'
>
<div className='flex flex-col justify-center h-full px-3 w-fit'>
<p>
<span className='text-lg'>{v.name}</span>{' '}
<span className='text-green-300'>
v{v.latestVersion}
</span>
</p>
<p className='text-yellow-200'>
Made by {v.creators[0]}
{v.creators.length > 1
? ' + ' + (v.creators.length - 1) + ' more'
: null}
</p>
</div>
<div className='flex flex-row items-center h-full gap-2 px-3 ml-auto'>
<p className='text-green-400' hidden={tab == 0}>
<FontAwesomeIcon icon={faDownload} /> {v.downloads}
</p>
<button
className='button btntheme3'
onClick={() => setShowModInfo(v.id)}
>
<div className='flex flex-col justify-center h-full px-3 w-fit'>
<p>
<span className='text-lg'>{v.name}</span>{' '}
<span className='text-green-300'>
v{v.latestVersion}
</span>
</p>
<p className='text-yellow-200'>
Made by {v.creators[0]}
{v.creators.length > 1
? ' + ' + (v.creators.length - 1) + ' more'
: null}
</p>
</div>
<div className='flex flex-row items-center h-full gap-2 px-3 ml-auto'>
<p className='text-green-400'>
<FontAwesomeIcon icon={faDownload} /> {v.downloads}
</p>
<button className='button btntheme3'>Get</button>
</div>
</div>
)
})}
{tab == 0 ? 'View' : 'Get'}
</button>
</div>
</div>
)
})}
</div>
)}
</div>