diff --git a/src/components/InternalResourceForm.tsx b/src/components/InternalResourceForm.tsx index ee216f493..0cddfad01 100644 --- a/src/components/InternalResourceForm.tsx +++ b/src/components/InternalResourceForm.tsx @@ -802,53 +802,129 @@ export function InternalResourceForm({
- { - const modeOptions: OptionSelectOption[] = - [ - { - value: "host", - label: t(modeHostKey) - }, - { - value: "cidr", - label: t(modeCidrKey) - }, - ...(!disableEnterpriseFeatures - ? [ - { - value: "http" as const, - label: t( - modeHttpKey - ) - }, - { - value: "ssh" as const, - label: t( - modeSshKey - ) - } - ] - : []) - ]; - return ( - - - {t(modeLabelKey)} - - - options={modeOptions} - value={field.value} - onChange={field.onChange} - cols={4} - /> - - - ); - }} - /> +
+
+ ( + + + {t("sites")} + + + + + + + + + { + setSelectedSites( + sites + ); + field.onChange( + sites.map( + ( + s + ) => + s.siteId + ) + ); + }} + /> + + + + + )} + /> +
+
+ { + const modeOptions: OptionSelectOption[] = + [ + { + value: "host", + label: t( + modeHostKey + ) + }, + { + value: "cidr", + label: t( + modeCidrKey + ) + }, + ...(!disableEnterpriseFeatures + ? [ + { + value: "http" as const, + label: t( + modeHttpKey + ) + }, + { + value: "ssh" as const, + label: t( + modeSshKey + ) + } + ] + : []) + ]; + return ( + + + {t(modeLabelKey)} + + + options={ + modeOptions + } + value={field.value} + onChange={ + field.onChange + } + cols={2} + /> + + + ); + }} + /> +
+
{selectedSites.length > 1 && (

{t( @@ -872,74 +948,12 @@ export function InternalResourceForm({

-
- ( - - - {t("sites")} - - - - - - - - - { - setSelectedSites( - sites - ); - field.onChange( - sites.map( - (s) => - s.siteId - ) - ); - }} - /> - - - - - )} - /> -
{mode === "http" && (