mirror of https://github.com/jetkvm/kvm.git
refactor: simplify and fix button rendering logic in network settings
This commit is contained in:
parent
8449911343
commit
638949c289
|
|
@ -222,19 +222,16 @@ export default function SettingsNetworkRoute() {
|
||||||
description="Configure the network settings for the device"
|
description="Configure the network settings for the device"
|
||||||
action={
|
action={
|
||||||
<>
|
<>
|
||||||
|
<div>
|
||||||
{(formState.isDirty || formState.isSubmitting) && (
|
<Button
|
||||||
<div>
|
size="SM"
|
||||||
<Button
|
theme="primary"
|
||||||
size="SM"
|
disabled={!(formState.isDirty || formState.isSubmitting)}
|
||||||
theme="primary"
|
loading={formState.isSubmitting}
|
||||||
disabled={formState.isSubmitting}
|
type="submit"
|
||||||
loading={formState.isSubmitting}
|
text={formState.isSubmitting ? "Saving..." : "Save Settings"}
|
||||||
type="submit"
|
/>
|
||||||
text={formState.isSubmitting ? "Saving..." : "Save Settings"}
|
</div>
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
)}
|
|
||||||
</>
|
</>
|
||||||
}
|
}
|
||||||
/>
|
/>
|
||||||
|
|
@ -420,21 +417,18 @@ export default function SettingsNetworkRoute() {
|
||||||
)}
|
)}
|
||||||
</AutoHeight>
|
</AutoHeight>
|
||||||
</div>
|
</div>
|
||||||
{(formState.isDirty || formState.isSubmitting) && (
|
<>
|
||||||
<>
|
<div className="animate-fadeInStill animation-duration-300">
|
||||||
<div className="h-px w-full bg-slate-800/10 dark:bg-slate-300/20" />
|
<Button
|
||||||
<div className="animate-fadeInStill opacity-0 animation-duration-300">
|
size="SM"
|
||||||
<Button
|
theme="primary"
|
||||||
size="SM"
|
disabled={!(formState.isDirty || formState.isSubmitting)}
|
||||||
theme="primary"
|
loading={formState.isSubmitting}
|
||||||
disabled={formState.isSubmitting}
|
type="submit"
|
||||||
loading={formState.isSubmitting}
|
text={formState.isSubmitting ? "Saving..." : "Save Settings"}
|
||||||
type="submit"
|
/>
|
||||||
text={formState.isSubmitting ? "Saving..." : "Save Settings"}
|
</div>
|
||||||
/>
|
</>
|
||||||
</div>
|
|
||||||
</>
|
|
||||||
)}
|
|
||||||
</div>
|
</div>
|
||||||
</form>
|
</form>
|
||||||
</FormProvider>
|
</FormProvider>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue