better ui on modal #3

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

View File

@ -101,15 +101,14 @@
"open_screenshot": "Open screenshot {{number}}", "open_screenshot": "Open screenshot {{number}}",
"download_settings": "Download settings", "download_settings": "Download settings",
"downloader": "Downloader", "downloader": "Downloader",
"select_executable": "Select executable", "select_executable": "Select",
"no_executable_selected": "No executable selected", "no_executable_selected": "No executable selected",
"open_folder": "Open folder", "open_folder": "Open folder",
"open_download_location": "Abrir local de download", "open_download_location": "See downloaded files",
"create_shortcut": "Create shortcut", "create_shortcut": "Create desktop shortcut",
"remove_files": "Remove files", "remove_files": "Remove files",
"remove_from_library_title": "Are you sure?", "remove_from_library_title": "Are you sure?",
"remove_from_library_description": "This will remove {{game}} from your library", "remove_from_library_description": "This will remove {{game}} from your library",
"downloaded_files": "Downloaded files",
"executable_section_title": "Executable", "executable_section_title": "Executable",
"executable_section_description": "Path of the file that will be executed when \"Play\" is clicked", "executable_section_description": "Path of the file that will be executed when \"Play\" is clicked",
"downloads_secion_title": "Downloads", "downloads_secion_title": "Downloads",

View File

@ -98,15 +98,14 @@
"open_screenshot": "Ver captura de tela {{number}}", "open_screenshot": "Ver captura de tela {{number}}",
"download_settings": "Ajustes do download", "download_settings": "Ajustes do download",
"downloader": "Downloader", "downloader": "Downloader",
"select_executable": "Selecionar executável", "select_executable": "Selecionar",
"no_executable_selected": "Nenhum executável selecionado", "no_executable_selected": "Nenhum executável selecionado",
"open_folder": "Abrir pasta", "open_folder": "Abrir pasta",
"open_download_location": "Abrir local de download", "open_download_location": "Ver arquivos baixados",
"create_shortcut": "Criar atalho", "create_shortcut": "Criar atalho na área de trabalho",
"remove_files": "Remover arquivos", "remove_files": "Remover arquivos",
"remove_from_library_description": "Isso irá remover {{game}} da sua biblioteca", "remove_from_library_description": "Isso irá remover {{game}} da sua biblioteca",
"remove_from_library_title": "Tem certeza?", "remove_from_library_title": "Tem certeza?",
"downloaded_files": "Arquivos baixados",
"executable_section_title": "Executável", "executable_section_title": "Executável",
"executable_section_description": "O caminho do arquivo que sera executado ao clicar em \"Jogar\"", "executable_section_description": "O caminho do arquivo que sera executado ao clicar em \"Jogar\"",
"downloads_secion_title": "Downloads", "downloads_secion_title": "Downloads",

View File

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