Fix stupidness here
This commit is contained in:
@@ -101,13 +101,14 @@ export default function Installs () {
|
|||||||
setHoveredIds(prev => prev.filter(i => i !== i))
|
setHoveredIds(prev => prev.filter(i => i !== i))
|
||||||
}
|
}
|
||||||
>
|
>
|
||||||
<div className='flex flex-col'>
|
<div className='h-18 w-screen relative'>
|
||||||
<p className='text-2xl'>
|
<p className='text-2xl'>
|
||||||
{getVersionGame(getVersionInfo(entry)?.game)?.name} v
|
{getVersionGame(getVersionInfo(entry)?.game)?.name} v
|
||||||
{getVersionInfo(entry)?.versionName}
|
{getVersionInfo(entry)?.versionName}
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
<div
|
<div
|
||||||
className={`entry-info-item mt-2 ${
|
className={`entry-info-item absolute left-0 bottom-0 ${
|
||||||
hoveredIds.includes(entry) ? 'btntheme3' : 'btntheme2'
|
hoveredIds.includes(entry) ? 'btntheme3' : 'btntheme2'
|
||||||
}`}
|
}`}
|
||||||
title='The date the game was installed in MM/dd/yyyy format'
|
title='The date the game was installed in MM/dd/yyyy format'
|
||||||
@@ -120,56 +121,59 @@ export default function Installs () {
|
|||||||
)}
|
)}
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
<div className='flex flex-row items-center gap-2 mt-auto'>
|
<div className='flex gap-2 absolute right-0 bottom-0'>
|
||||||
<button
|
<button
|
||||||
className={`button ${
|
className={`button ${
|
||||||
hoveredIds.includes(entry) ? 'btntheme3' : 'btntheme2'
|
hoveredIds.includes(entry) ? 'btntheme3' : 'btntheme2'
|
||||||
}`}
|
}`}
|
||||||
onClick={e => {
|
onClick={e => {
|
||||||
e.stopPropagation()
|
e.stopPropagation()
|
||||||
setManagingVersion(entry)
|
setManagingVersion(entry)
|
||||||
setPopupMode(3)
|
setPopupMode(3)
|
||||||
setShowPopup(true)
|
setShowPopup(true)
|
||||||
setFadeOut(false)
|
setFadeOut(false)
|
||||||
}}
|
}}
|
||||||
title='Click to view version info'
|
title='Click to view version info'
|
||||||
>
|
>
|
||||||
View Info
|
View Info
|
||||||
</button>
|
</button>
|
||||||
<button
|
<button
|
||||||
className={`button ${
|
className={`button ${
|
||||||
hoveredIds.includes(entry) ? 'btntheme3' : 'btntheme2'
|
hoveredIds.includes(entry) ? 'btntheme3' : 'btntheme2'
|
||||||
}`}
|
}`}
|
||||||
onClick={e => {
|
onClick={e => {
|
||||||
e.stopPropagation()
|
e.stopPropagation()
|
||||||
setManagingVersion(entry)
|
setManagingVersion(entry)
|
||||||
setPopupMode(2)
|
setPopupMode(2)
|
||||||
setShowPopup(true)
|
setShowPopup(true)
|
||||||
setFadeOut(false)
|
setFadeOut(false)
|
||||||
}}
|
}}
|
||||||
title='Click to manage this version install'
|
title='Click to manage this version install'
|
||||||
>
|
>
|
||||||
Manage
|
Manage
|
||||||
</button>
|
</button>
|
||||||
<button
|
<button
|
||||||
className={`button ${
|
className={`button ${
|
||||||
hoveredIds.includes(entry) ? 'btntheme3' : 'btntheme2'
|
hoveredIds.includes(entry) ? 'btntheme3' : 'btntheme2'
|
||||||
}`}
|
}`}
|
||||||
onClick={e => {
|
onClick={e => {
|
||||||
e.stopPropagation()
|
e.stopPropagation()
|
||||||
const verInfo = getVersionInfo(entry)
|
const verInfo = getVersionInfo(entry)
|
||||||
if (verInfo == undefined) return
|
if (verInfo == undefined) return
|
||||||
invoke('launch_game', {
|
invoke('launch_game', {
|
||||||
name: verInfo.id,
|
name: verInfo.id,
|
||||||
executable: verInfo.executable
|
executable: verInfo.executable
|
||||||
})
|
})
|
||||||
}}
|
}}
|
||||||
hidden={!normalConfig?.settings.useLegacyInteractButtons}
|
hidden={
|
||||||
title='Click to launch game'
|
!normalConfig?.settings.useLegacyInteractButtons
|
||||||
>
|
}
|
||||||
Launch
|
title='Click to launch game'
|
||||||
</button>
|
>
|
||||||
|
Launch
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
))
|
))
|
||||||
|
|||||||
@@ -87,9 +87,10 @@ export default function Installs () {
|
|||||||
setHoveredIds(prev => prev.filter(e => e !== i.id))
|
setHoveredIds(prev => prev.filter(e => e !== i.id))
|
||||||
}
|
}
|
||||||
>
|
>
|
||||||
<div className='flex flex-col'>
|
<div className='h-18 w-screen relative'>
|
||||||
<p className='text-2xl'>{i.name}</p>
|
<p className='text-2xl'>{i.name}</p>
|
||||||
<div className='flex gap-2 mt-2'>
|
|
||||||
|
<div className='flex gap-2 absolute left-0 bottom-0'>
|
||||||
<div
|
<div
|
||||||
className={`entry-info-item ${
|
className={`entry-info-item ${
|
||||||
hoveredIds.includes(i.id) ? 'btntheme3' : 'btntheme2'
|
hoveredIds.includes(i.id) ? 'btntheme3' : 'btntheme2'
|
||||||
@@ -133,20 +134,21 @@ export default function Installs () {
|
|||||||
<p>{i.verified ? 'Verified' : 'Unverified'}</p>
|
<p>{i.verified ? 'Verified' : 'Unverified'}</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
<div
|
<div
|
||||||
className='flex flex-row items-center gap-2 mt-auto'
|
className='flex gap-2 absolute right-0 bottom-0'
|
||||||
hidden={!normalConfig?.settings.useLegacyInteractButtons}
|
hidden={!normalConfig?.settings.useLegacyInteractButtons}
|
||||||
title='Click to view game installs'
|
title='Click to view game installs'
|
||||||
>
|
|
||||||
<Link
|
|
||||||
className={`button ${
|
|
||||||
hoveredIds.includes(i.id) ? 'btntheme3' : 'btntheme2'
|
|
||||||
}`}
|
|
||||||
href={'/game?id=' + i.id}
|
|
||||||
>
|
>
|
||||||
Installs
|
<Link
|
||||||
</Link>
|
className={`button ${
|
||||||
|
hoveredIds.includes(i.id) ? 'btntheme3' : 'btntheme2'
|
||||||
|
}`}
|
||||||
|
href={'/game?id=' + i.id}
|
||||||
|
>
|
||||||
|
Installs
|
||||||
|
</Link>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
))
|
))
|
||||||
|
|||||||
Reference in New Issue
Block a user