+
{setting.label && (
)}
+
+ {setting.isFeatureEnabled === false &&
+ (setting.isEnterprise === true ? (
+
+ ) : (
+
+ ))}
+
{children}
{setting.subText && (
diff --git a/app/client/src/pages/AdminSettings/FormGroup/Radio.tsx b/app/client/src/pages/AdminSettings/FormGroup/Radio.tsx
index 198d8e66d2..81e3624bbe 100644
--- a/app/client/src/pages/AdminSettings/FormGroup/Radio.tsx
+++ b/app/client/src/pages/AdminSettings/FormGroup/Radio.tsx
@@ -2,7 +2,7 @@ import React, { useEffect, useState } from "react";
import type { ReactElement } from "react";
import { FieldError } from "design-system-old";
import { Popover2 } from "@blueprintjs/popover2";
-import type { SettingComponentProps } from "./Common";
+import { FormGroup, type SettingComponentProps } from "./Common";
import type { WrappedFieldInputProps, WrappedFieldMetaProps } from "redux-form";
import { Field } from "redux-form";
import styled, { createGlobalStyle } from "styled-components";
@@ -87,6 +87,16 @@ const PopoverStyles = createGlobalStyle`
}
`;
+const StyledFormGroup = styled(FormGroup)`
+ .styled-label {
+ padding: 0 0 0.5rem;
+ }
+
+ .admin-settings-form-group-label {
+ font-weight: var(--ads-v2-h5-font-weight);
+ }
+`;
+
type RadioGroupProps = SettingComponentProps;
function RadioFieldWrapper(
@@ -201,20 +211,12 @@ export default function RadioField({ setting }: RadioGroupProps) {
const controlTypeProps = setting.controlTypeProps as RadioOptionProps;
return (
-
-
- {setting.label}
-
-
+
);
}
diff --git a/app/client/src/pages/AdminSettings/FormGroup/TextInput.tsx b/app/client/src/pages/AdminSettings/FormGroup/TextInput.tsx
index ecbc2b57e7..2662119630 100644
--- a/app/client/src/pages/AdminSettings/FormGroup/TextInput.tsx
+++ b/app/client/src/pages/AdminSettings/FormGroup/TextInput.tsx
@@ -1,42 +1,23 @@
import FormTextField from "components/utils/ReduxFormTextField";
import { createMessage } from "@appsmith/constants/messages";
import React from "react";
-import type { SettingComponentProps } from "./Common";
-import BusinessTag from "components/BusinessTag";
-import EnterpriseTag from "components/EnterpriseTag";
-import styled from "styled-components";
-
-const LabelWrapper = styled.div`
- display: flex;
- gap: 4px;
- align-items: center;
-`;
+import { FormGroup, type SettingComponentProps } from "./Common";
export default function TextInput({ setting }: SettingComponentProps) {
- const inputLabel = setting.label ? (
-
-
- {setting.isFeatureEnabled === false &&
- (setting.isEnterprise === true ? : )}
-
- ) : (
- ""
- );
return (
-
setting.placeholder || "")}
type={setting.controlSubType}
/>
-
+
);
}