Refactor DbKeyTab to replace FormStyledButton with ToolStripButton

This commit is contained in:
Stela Augustinova
2025-12-18 16:30:01 +01:00
parent 90316f106a
commit 1deaa4c30d

View File

@@ -9,7 +9,8 @@
import FormProvider from '../forms/FormProvider.svelte'; import FormProvider from '../forms/FormProvider.svelte';
import SelectField from '../forms/SelectField.svelte'; import SelectField from '../forms/SelectField.svelte';
import TextField from "../forms/TextField.svelte"; import TextField from "../forms/TextField.svelte";
import FormStyledButton from '../buttons/FormStyledButton.svelte'; import ToolStripContainer from '../buttons/ToolStripContainer.svelte';
import ToolStripButton from '../buttons/ToolStripButton.svelte';
import { _t } from '../translations'; import { _t } from '../translations';
import { apiCall } from '../utility/api'; import { apiCall } from '../utility/api';
import { showSnackbarSuccess } from '../utility/snackbar'; import { showSnackbarSuccess } from '../utility/snackbar';
@@ -136,7 +137,7 @@
{#if driver && driver.supportedKeyTypes && driver.supportedKeyTypes.length > 0} {#if driver && driver.supportedKeyTypes && driver.supportedKeyTypes.length > 0}
<FormProvider> <FormProvider>
<div class="wrapper"> <ToolStripContainer>
<div class="container"> <div class="container">
<div class="flex flex-gap"> <div class="flex flex-gap">
<div class="col-9"> <div class="col-9">
@@ -214,18 +215,16 @@
}} }}
/> />
{/if} {/if}
</div>
<div class="m-3" /> <svelte:fragment slot="toolstrip">
<ToolStripButton
<div class="button-container"> icon="icon save"
<FormStyledButton
value={_t('common.save', { defaultMessage: 'Save' })}
on:click={handleSave} on:click={handleSave}
disabled={!keyName || keyName.trim() === ''} disabled={!keyName || keyName.trim() === ''}
/> >{_t('common.save', { defaultMessage: 'Save' })}</ToolStripButton>
</div> </svelte:fragment>
</div> </ToolStripContainer>
</div>
</FormProvider> </FormProvider>
{:else} {:else}
<div class="wrapper"> <div class="wrapper">