external/hydra
1
0
Fork 0
mirror of https://github.com/hydralauncher/hydra.git synced 2025-03-09 15:40:26 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

better ui on modal #3

Browse source
This commit is contained in:
Zamitto 2024-06-08 10:48:48 -03:00
parent 2e427b33e2
commit c7d72b0adc
3 changed files with 35 additions and 44 deletions
Download patch file Download diff file Expand all files Collapse all files

65
src/renderer/src/pages/game-details/modals/game-options-modal.tsx
View file

@ -92,20 +92,6 @@ export function GameOptionsModal({
/>
<div className={styles.optionsContainer}>
<div className={styles.gameOptionHeader}>
<h2>{t("downloaded_files")}</h2>
</div>
<div className={styles.gameOptionRow}>
<Button
onClick={handleOpenDownloadFolder}
style={{ alignSelf: "flex-end" }}
theme="outline"
disabled={deleting || !game.downloadPath}
>
{t("open_download_location")}
</Button>
</div>
<div className={styles.gameOptionHeader}>
<h2>{t("executable_section_title")}</h2>
<h4 className={styles.gameOptionHeaderDescription}>
@ -123,32 +109,32 @@ export function GameOptionsModal({
<Button
type="button"
theme="outline"
style={{ alignSelf: "flex-end" }}
onClick={handleChangeExecutableLocation}
>
{t("select_executable")}
</Button>
<Button
type="button"
theme="outline"
style={{ alignSelf: "flex-end" }}
onClick={handleOpenGameExecutablePath}
disabled={!game.executablePath}
>
{t("open_folder")}
</Button>
</div>
<div className={styles.gameOptionRow}>
<Button
onClick={handleCreateShortcut}
style={{ alignSelf: "flex-end" }}
theme="outline"
disabled={deleting || !game.executablePath}
>
{t("create_shortcut")}
</Button>
</div>
{game.executablePath && (
<div className={styles.gameOptionRow}>
<Button
type="button"
theme="outline"
onClick={handleOpenGameExecutablePath}
disabled={!game.executablePath}
>
{t("open_folder")}
</Button>
<Button
onClick={handleCreateShortcut}
theme="outline"
disabled={deleting || !game.executablePath}
>
{t("create_shortcut")}
</Button>
</div>
)}
<div className={styles.gameOptionHeader}>
<h2>{t("downloads_secion_title")}</h2>
<h4 className={styles.gameOptionHeaderDescription}>
@ -163,6 +149,15 @@ export function GameOptionsModal({
>
{t("open_download_options")}
</Button>
{game.downloadPath && (
<Button
onClick={handleOpenDownloadFolder}
theme="outline"
disabled={deleting || !game.downloadPath}
>
{t("open_download_location")}
</Button>
)}
</div>
<div className={styles.gameOptionHeader}>
<h2>{t("danger_zone_section_title")}</h2>
@ -173,7 +168,6 @@ export function GameOptionsModal({
<div className={styles.gameOptionRow}>
<Button
onClick={() => setShowRemoveGameModal(true)}
style={{ alignSelf: "flex-end" }}
theme="danger"
disabled={deleting}
>
@ -183,7 +177,6 @@ export function GameOptionsModal({
onClick={() => {
setShowDeleteModal(true);
}}
style={{ alignSelf: "flex-end" }}
theme="danger"
disabled={isGameDownloading || deleting || !game.downloadPath}
>