From 66f70ced1570d87aa2c5269be0b4561d2f68c8c8 Mon Sep 17 00:00:00 2001 From: Ayobami Akingbade Date: Sun, 14 Apr 2024 14:59:13 +0100 Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20fix(styled-components):=20use=20?= =?UTF-8?q?$=20prefix=20for=20dom=20props?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../dashboard-widgets.service.ts | 4 +- .../app/LayoutImpl/NavigationSkeleton.tsx | 4 +- .../_layouts/app/LayoutImpl/Profile.tsx | 4 +- .../app/LayoutImpl/RenderNavigation.tsx | 6 ++- .../_layouts/app/LayoutImpl/SideBar.tsx | 6 +-- src/frontend/_layouts/app/_MainContent.tsx | 2 +- .../guest/_partials/GuestContainer/index.tsx | 2 +- .../guest/_partials/GuestHeader/index.tsx | 4 +- .../components/Breadcrumbs/index.tsx | 8 ++-- .../components/Button/ActionButtons/index.tsx | 2 +- .../components/Button/FormButton/index.tsx | 6 +-- .../components/Button/SoftButton.tsx | 8 ++-- .../components/ConfirmAlert/index.tsx | 10 ++--- .../components/DropdownMenu/index.tsx | 10 ++--- .../components/EmptyWrapper/index.tsx | 2 +- .../components/Form/FormCheckBox/index.tsx | 2 +- .../Form/FormFileInput/Presentation.tsx | 4 +- .../components/Form/FormSwitch/index.tsx | 4 +- .../design-system/components/Form/Stories.tsx | 2 +- .../components/Form/_wrapForm.tsx | 4 +- .../ListManager/ListManagerItem/index.tsx | 4 +- .../components/OffCanvas/index.tsx | 4 +- .../components/Section/SectionBox/index.tsx | 4 +- .../Section/SectionDivider/index.tsx | 2 +- .../components/Skeleton/Form/index.tsx | 2 +- .../design-system/components/Table/Foot.tsx | 4 +- .../design-system/components/Table/Head.tsx | 11 +++-- .../components/Table/_Pagination.tsx | 2 +- .../Table/filters/_FilterWrapper.tsx | 2 +- .../components/Widgets/Summary/index.tsx | 12 ++--- .../design-system/primitives/Stack.tsx | 36 +++++++-------- .../design-system/primitives/Typo.tsx | 44 +++++++++---------- .../Widget/_components/WidgetFrame/index.tsx | 4 +- .../Widget/_components/WidgetHeader/index.tsx | 4 +- .../views/Dashboard/Widget/_manage/Form.tsx | 4 +- .../views/Dashboard/Widget/constants.tsx | 4 +- .../views/data/Details/DetailsView.tsx | 2 +- src/frontend/views/entity/Actions/Base.tsx | 2 +- .../Crud/EntityFieldsSelectionSettings.tsx | 2 +- .../views/entity/Fields/FieldsSelection.tsx | 4 +- src/frontend/views/entity/Form/index.tsx | 2 +- .../views/entity/PersistentQuery/Form.tsx | 4 +- src/frontend/views/entity/Views/Form.tsx | 4 +- src/frontend/views/integrations/Password.tsx | 4 +- .../integrations/actions/View/Configure.tsx | 4 +- .../integrations/actions/View/Deactivate.tsx | 6 +-- .../roles/Permissions/MutatePermission.tsx | 2 +- .../Variables/ManageCredentialGroup.tsx | 2 +- .../views/settings/Versions/index.tsx | 2 +- 49 files changed, 143 insertions(+), 134 deletions(-) diff --git a/src/backend/dashboard-widgets/dashboard-widgets.service.ts b/src/backend/dashboard-widgets/dashboard-widgets.service.ts index 679999402..aab7cdfee 100644 --- a/src/backend/dashboard-widgets/dashboard-widgets.service.ts +++ b/src/backend/dashboard-widgets/dashboard-widgets.service.ts @@ -158,9 +158,9 @@ export class DashboardWidgetsApiService { icon: SystemIconsList[index % (SystemIconsList.length - 1)], script: dateField ? `const actual = await $.query(${queryQuote}${plainCountQuery}${queryQuote}); - const relative = await $.query(${queryQuote}${dateCountQuery}${queryQuote}); +const relative = await $.query(${queryQuote}${dateCountQuery}${queryQuote}); - return [actual[0], relative[0]]; +return [actual[0], relative[0]]; ` : `return await $.query(${queryQuote}${plainCountQuery}${queryQuote})`, }; diff --git a/src/frontend/_layouts/app/LayoutImpl/NavigationSkeleton.tsx b/src/frontend/_layouts/app/LayoutImpl/NavigationSkeleton.tsx index 534ae6399..9c135901c 100644 --- a/src/frontend/_layouts/app/LayoutImpl/NavigationSkeleton.tsx +++ b/src/frontend/_layouts/app/LayoutImpl/NavigationSkeleton.tsx @@ -26,8 +26,8 @@ export function NavigationSkeleton() { return ( {SCHEMA.map((type, index) => { diff --git a/src/frontend/_layouts/app/LayoutImpl/Profile.tsx b/src/frontend/_layouts/app/LayoutImpl/Profile.tsx index 907f2d3ab..47fea285e 100644 --- a/src/frontend/_layouts/app/LayoutImpl/Profile.tsx +++ b/src/frontend/_layouts/app/LayoutImpl/Profile.tsx @@ -48,8 +48,8 @@ export function ProfileOnNavigation({ isFullWidth }: IProps) { } return ( - - + + Hi, {currentUser.isLoading ? `There` : ellipsis(currentUser.data?.name, 14)} diff --git a/src/frontend/_layouts/app/LayoutImpl/RenderNavigation.tsx b/src/frontend/_layouts/app/LayoutImpl/RenderNavigation.tsx index ca42341d2..d5dffa40c 100644 --- a/src/frontend/_layouts/app/LayoutImpl/RenderNavigation.tsx +++ b/src/frontend/_layouts/app/LayoutImpl/RenderNavigation.tsx @@ -187,7 +187,11 @@ export function RenderNavigation({ > {menuIcon} {isFullWidth && ( - + {title} - + {pageTitle} diff --git a/src/frontend/_layouts/guest/_partials/GuestContainer/index.tsx b/src/frontend/_layouts/guest/_partials/GuestContainer/index.tsx index 021c632cd..a1714d2c0 100644 --- a/src/frontend/_layouts/guest/_partials/GuestContainer/index.tsx +++ b/src/frontend/_layouts/guest/_partials/GuestContainer/index.tsx @@ -21,7 +21,7 @@ const WrapperRow = styled(Stack)` export function GuestContainer({ children }: { children: ReactNode }) { return ( - + {children} diff --git a/src/frontend/_layouts/guest/_partials/GuestHeader/index.tsx b/src/frontend/_layouts/guest/_partials/GuestHeader/index.tsx index 98c8ccbe0..c37355b7b 100644 --- a/src/frontend/_layouts/guest/_partials/GuestHeader/index.tsx +++ b/src/frontend/_layouts/guest/_partials/GuestHeader/index.tsx @@ -35,9 +35,9 @@ export function GuestHeader({ {fullLogo && logo} - {title} + {title} - {subTitle} + {subTitle} ); diff --git a/src/frontend/design-system/components/Breadcrumbs/index.tsx b/src/frontend/design-system/components/Breadcrumbs/index.tsx index 5a012ebe2..dd91bace1 100644 --- a/src/frontend/design-system/components/Breadcrumbs/index.tsx +++ b/src/frontend/design-system/components/Breadcrumbs/index.tsx @@ -39,7 +39,7 @@ const BreadcrumbItem = styled.li` } `; -const BreadcrumbItemLink = styled.button<{ active: boolean }>` +const BreadcrumbItemLink = styled.button<{ $active: boolean }>` font-weight: 400; border: none; padding: 0; @@ -48,7 +48,7 @@ const BreadcrumbItemLink = styled.button<{ active: boolean }>` color: ${USE_ROOT_COLOR("primary-color")}; ${(props) => - props.active && + props.$active && css` color: ${USE_ROOT_COLOR("muted-text")}; `} @@ -72,14 +72,14 @@ export function Breadcrumbs({ items, onCrumbClick }: IProps) { label ) : onCrumbClick ? ( onCrumbClick(index)} > {label} ) : ( - + {label} diff --git a/src/frontend/design-system/components/Button/ActionButtons/index.tsx b/src/frontend/design-system/components/Button/ActionButtons/index.tsx index 8b6667f13..ce3a2a206 100644 --- a/src/frontend/design-system/components/Button/ActionButtons/index.tsx +++ b/src/frontend/design-system/components/Button/ActionButtons/index.tsx @@ -24,7 +24,7 @@ export function ActionButtons({ const ellipsisButtons = sortedActions.slice(ELLIPSIS_THRESHOLD); return ( - + {buttonsToShow.map((actionButton) => ( + {text(true)} ) : ( - + + {isInverse ? ( {toRender} ) : ( diff --git a/src/frontend/design-system/components/Button/SoftButton.tsx b/src/frontend/design-system/components/Button/SoftButton.tsx index 21f084818..f8332914e 100644 --- a/src/frontend/design-system/components/Button/SoftButton.tsx +++ b/src/frontend/design-system/components/Button/SoftButton.tsx @@ -31,10 +31,10 @@ export function SoftButton({ ) : ( <> diff --git a/src/frontend/design-system/components/ConfirmAlert/index.tsx b/src/frontend/design-system/components/ConfirmAlert/index.tsx index 79892ca39..62800154e 100644 --- a/src/frontend/design-system/components/ConfirmAlert/index.tsx +++ b/src/frontend/design-system/components/ConfirmAlert/index.tsx @@ -36,9 +36,9 @@ from { `; const Overlay = styled(Stack).attrs({ - direction: "column", - align: "center", - justify: "center", + $direction: "column", + $align: "center", + $justify: "center", })` position: fixed; top: 0; @@ -65,7 +65,7 @@ export function Presentation({ action, title, onClose }: IPresentationProps) { tabIndex={-1} > - + {title} @@ -75,7 +75,7 @@ export function Presentation({ action, title, onClose }: IPresentationProps) { - + + {currentMenuItem.isMakingRequest ? ( ) : ( @@ -205,8 +205,8 @@ export function DropDownMenu({ return ( {menuItem.label} {menuItem.description ? ( - + {menuItem.description} ) : null} diff --git a/src/frontend/design-system/components/EmptyWrapper/index.tsx b/src/frontend/design-system/components/EmptyWrapper/index.tsx index 624f3551e..ed100b3d1 100644 --- a/src/frontend/design-system/components/EmptyWrapper/index.tsx +++ b/src/frontend/design-system/components/EmptyWrapper/index.tsx @@ -20,7 +20,7 @@ export function EmptyWrapper({ text, createNew }: IEmptyWrapperProps) { - {text} + {text} {createNew && ( <> diff --git a/src/frontend/design-system/components/Form/FormCheckBox/index.tsx b/src/frontend/design-system/components/Form/FormCheckBox/index.tsx index 4b974fc8b..12be72acc 100644 --- a/src/frontend/design-system/components/Form/FormCheckBox/index.tsx +++ b/src/frontend/design-system/components/Form/FormCheckBox/index.tsx @@ -44,7 +44,7 @@ export function FormCheckBox({ id={input.name} /> diff --git a/src/frontend/design-system/components/Form/FormFileInput/Presentation.tsx b/src/frontend/design-system/components/Form/FormFileInput/Presentation.tsx index 287351d91..fd5633799 100644 --- a/src/frontend/design-system/components/Form/FormFileInput/Presentation.tsx +++ b/src/frontend/design-system/components/Form/FormFileInput/Presentation.tsx @@ -128,7 +128,7 @@ export function Presentation({ {value && ( - + {value}{" "} {!disabled ? ( )} {error && ( - + {error} )} diff --git a/src/frontend/design-system/components/Form/FormSwitch/index.tsx b/src/frontend/design-system/components/Form/FormSwitch/index.tsx index 18000d4a0..371451e98 100644 --- a/src/frontend/design-system/components/Form/FormSwitch/index.tsx +++ b/src/frontend/design-system/components/Form/FormSwitch/index.tsx @@ -124,7 +124,7 @@ export function FormSwitch(props: IProps) { return ( - + {label} diff --git a/src/frontend/design-system/components/Form/Stories.tsx b/src/frontend/design-system/components/Form/Stories.tsx index e25692961..46e2e3455 100644 --- a/src/frontend/design-system/components/Form/Stories.tsx +++ b/src/frontend/design-system/components/Form/Stories.tsx @@ -330,7 +330,7 @@ function DemoForm() { }, ]} /> - + isSubmitting ? "Making Progress" : "Make Progress" diff --git a/src/frontend/design-system/components/Form/_wrapForm.tsx b/src/frontend/design-system/components/Form/_wrapForm.tsx index 476ad1e13..4ba216b1c 100644 --- a/src/frontend/design-system/components/Form/_wrapForm.tsx +++ b/src/frontend/design-system/components/Form/_wrapForm.tsx @@ -27,7 +27,7 @@ export const wrapLabelAndError = ( }: ISharedFormInput ) => ( <> - +
{label && ( <> @@ -44,7 +44,7 @@ export const wrapLabelAndError = ( ) : null}
{rightActions.length > 0 && ( - + {rightActions.map((rightAction) => ( - +
@@ -182,7 +182,7 @@ export function ListManagerItem({ {subLabel ? {subLabel} : null}
- + <> {actionButtons.map( ({ diff --git a/src/frontend/design-system/components/OffCanvas/index.tsx b/src/frontend/design-system/components/OffCanvas/index.tsx index 4e1040091..8dbda8cc3 100644 --- a/src/frontend/design-system/components/OffCanvas/index.tsx +++ b/src/frontend/design-system/components/OffCanvas/index.tsx @@ -76,8 +76,8 @@ export function OffCanvas({ {show && ( <>
- - {title} + + {title} {!headLess ? ( - + {isLoading ? ( ) : ( - {title} + {title} )} {description ? ( diff --git a/src/frontend/design-system/components/Section/SectionDivider/index.tsx b/src/frontend/design-system/components/Section/SectionDivider/index.tsx index 2d8ab9e01..16625482f 100644 --- a/src/frontend/design-system/components/Section/SectionDivider/index.tsx +++ b/src/frontend/design-system/components/Section/SectionDivider/index.tsx @@ -43,7 +43,7 @@ ContentLayout.Right = function SectionRight({ children }: IProps) { ContentLayout.Center = function SectionCenter({ children }: IProps) { return ( - +
{children}
 ); diff --git a/src/frontend/design-system/components/Skeleton/Form/index.tsx b/src/frontend/design-system/components/Skeleton/Form/index.tsx index 59e3cb622..613c45d69 100644 --- a/src/frontend/design-system/components/Skeleton/Form/index.tsx +++ b/src/frontend/design-system/components/Skeleton/Form/index.tsx @@ -21,7 +21,7 @@ export function FormSkeleton({ schema }: IProps) { ))} - + diff --git a/src/frontend/design-system/components/Table/Foot.tsx b/src/frontend/design-system/components/Table/Foot.tsx index 4526ccd7d..9864c3c55 100644 --- a/src/frontend/design-system/components/Table/Foot.tsx +++ b/src/frontend/design-system/components/Table/Foot.tsx @@ -27,8 +27,8 @@ export function TableFoot({ table, dataLength }: IProps) { {footerGroup.headers.map((header) => ( - - + + {header.isPlaceholder ? null : flexRender( diff --git a/src/frontend/design-system/components/Table/Head.tsx b/src/frontend/design-system/components/Table/Head.tsx index 5897787ea..eacc9221c 100644 --- a/src/frontend/design-system/components/Table/Head.tsx +++ b/src/frontend/design-system/components/Table/Head.tsx @@ -55,11 +55,16 @@ export function TableHead({ table }: IProps) { $isSortable={header.column.getCanSort()} onClick={header.column.getToggleSortingHandler()} > - - + + {header.isPlaceholder ? null : view} - + {header.column.getCanSort() && ( - + Showing{" "} } > - +
{children}
{ diff --git a/src/frontend/design-system/components/Widgets/Summary/index.tsx b/src/frontend/design-system/components/Widgets/Summary/index.tsx index 72c16aae0..53f745a98 100644 --- a/src/frontend/design-system/components/Widgets/Summary/index.tsx +++ b/src/frontend/design-system/components/Widgets/Summary/index.tsx @@ -85,7 +85,7 @@ export function SummaryWidget({ } = DirectionImplementation[direction]; return ( - +
- - + + {fullCount} {relativeCount ? ( @@ -112,7 +112,7 @@ export function SummaryWidget({ /> diff --git a/src/frontend/design-system/primitives/Stack.tsx b/src/frontend/design-system/primitives/Stack.tsx index 4ce71884a..fbe111f6b 100644 --- a/src/frontend/design-system/primitives/Stack.tsx +++ b/src/frontend/design-system/primitives/Stack.tsx @@ -1,10 +1,10 @@ import styled from "styled-components"; export type StackProps = { - spacing: number; - flex: number; - direction: "column"; - align: + $spacing: number; + $flex: number; + $direction: "column"; + $align: | "normal" | "stretch" | "center" @@ -18,7 +18,7 @@ export type StackProps = { | "space-between" | "space-around" | "space-evenly"; - justify: + $justify: | "normal" | "stretch" | "center" @@ -31,7 +31,7 @@ export type StackProps = { | "space-between" | "space-around" | "space-evenly"; - width: string; + $width: string; }; const spacings: Record = { @@ -41,19 +41,19 @@ const spacings: Record = { export const Stack = styled.div>( ({ - direction, - spacing = 8, - align = "normal", - justify = "normal", - flex, - width = "100%", + $direction, + $spacing = 8, + $align = "normal", + $justify = "normal", + $flex, + $width = "100%", }) => ({ display: "flex", - flex, - flexDirection: direction || "row", - [spacings[direction || "row"]]: `${spacing}px`, - alignItems: align, - justifyContent: justify, - width, + flex: $flex, + flexDirection: $direction || "row", + [spacings[$direction || "row"]]: `${$spacing}px`, + alignItems: $align, + justifyContent: $justify, + width: $width, }) ); diff --git a/src/frontend/design-system/primitives/Typo.tsx b/src/frontend/design-system/primitives/Typo.tsx index d7ef81311..5d2d9fca2 100644 --- a/src/frontend/design-system/primitives/Typo.tsx +++ b/src/frontend/design-system/primitives/Typo.tsx @@ -11,17 +11,17 @@ const TEXT_COLORS = { }; export type TextProps = { - size: "1" | "2" | "3" | "4" | "5" | "6"; - color: keyof typeof TEXT_COLORS; - weight: "light" | "regular" | "bold"; - textStyle?: "italic"; + $size: "1" | "2" | "3" | "4" | "5" | "6"; + $color: keyof typeof TEXT_COLORS; + $weight: "light" | "regular" | "bold"; + $textStyle?: "italic"; as: "p" | "span"; id?: string; $ellipsis?: true; children: ReactNode; }; -const sizes: Record = { +const sizes: Record = { 1: 48, 2: 24, 3: 18, @@ -30,7 +30,7 @@ const sizes: Record = { 6: 12, }; -const weights: Record = { +const weights: Record = { light: 300, regular: 400, bold: 500, @@ -42,17 +42,17 @@ const Text = styled.p.attrs((props: TextProps) => ({ id: props.id, }))>( ({ - size = "4", - color = "main", - weight = "regular", - textStyle, + $size = "4", + $color = "main", + $weight = "regular", + $textStyle, $ellipsis, }) => ({ - color: TEXT_COLORS[color], - fontStyle: textStyle || "normal", - fontWeight: weights[weight], - fontSize: `${sizes[size]}px`, - lineHeight: `${sizes[size] * 1.25}px`, + color: TEXT_COLORS[$color], + fontStyle: $textStyle || "normal", + fontWeight: weights[$weight], + fontSize: `${sizes[$size]}px`, + lineHeight: `${sizes[$size] * 1.25}px`, margin: 0, padding: 0, textOverflow: $ellipsis ? "ellipsis" : undefined, @@ -68,30 +68,30 @@ export function Typo(props: Partial) { return ; } -Typo.Raw = function Raw(props: TypoProps & { size: TextProps["size"] }) { +Typo.Raw = function Raw(props: TypoProps & { size: TextProps["$size"] }) { return ; }; Typo.XL = function XLarge(props: TypoProps) { - return ; + return ; }; Typo.L = function Large(props: TypoProps) { - return ; + return ; }; Typo.MD = function Medium(props: TypoProps) { - return ; + return ; }; Typo.SM = function Small(props: TypoProps) { - return ; + return ; }; Typo.XS = function XSmall(props: TypoProps) { - return ; + return ; }; Typo.XXS = function XSmall(props: TypoProps) { - return ; + return ; }; diff --git a/src/frontend/views/Dashboard/Widget/_components/WidgetFrame/index.tsx b/src/frontend/views/Dashboard/Widget/_components/WidgetFrame/index.tsx index b235e084d..9317894f0 100644 --- a/src/frontend/views/Dashboard/Widget/_components/WidgetFrame/index.tsx +++ b/src/frontend/views/Dashboard/Widget/_components/WidgetFrame/index.tsx @@ -113,8 +113,8 @@ export const WidgetFrame = forwardRef( ) : isDataEmpty(data.data) ? ( diff --git a/src/frontend/views/Dashboard/Widget/_components/WidgetHeader/index.tsx b/src/frontend/views/Dashboard/Widget/_components/WidgetHeader/index.tsx index 102abc75d..3b6e60cab 100644 --- a/src/frontend/views/Dashboard/Widget/_components/WidgetHeader/index.tsx +++ b/src/frontend/views/Dashboard/Widget/_components/WidgetHeader/index.tsx @@ -33,7 +33,7 @@ export function WidgetHeader({ ); return ( - + {setting && ( @@ -62,7 +62,7 @@ export function WidgetHeader({ ]} /> ) : ( - + {hasRelativeDate && !isPreview && ( {process.env.NEXT_PUBLIC_IS_DEMO ? ( - + You will be able to save this form on your own @@ -285,7 +285,7 @@ export function DashboardWidgetForm({ ) : ( <> - + {values._type && ( { diff --git a/src/frontend/views/Dashboard/Widget/constants.tsx b/src/frontend/views/Dashboard/Widget/constants.tsx index 3ba4a3266..3559e3cb7 100644 --- a/src/frontend/views/Dashboard/Widget/constants.tsx +++ b/src/frontend/views/Dashboard/Widget/constants.tsx @@ -33,8 +33,8 @@ const BASE_WIDGET_CONFIG: Partial< requiredInterface: `[{count: number} | number] | number`, schema: SummaryCardWidgetSchema, LoadingComponent: () => ( - - + + diff --git a/src/frontend/views/data/Details/DetailsView.tsx b/src/frontend/views/data/Details/DetailsView.tsx index ca1cbca87..0313b12c2 100644 --- a/src/frontend/views/data/Details/DetailsView.tsx +++ b/src/frontend/views/data/Details/DetailsView.tsx @@ -136,7 +136,7 @@ export function EntityDetailsView({ return ( - {getEntityFieldLabels(name)} + {getEntityFieldLabels(name)} } > - + + {toggling && toggling.onToggle && ( )} - + {useColors ? ( - + {ManagableEntities.includes(entityType) && ( - + Click the 'Explain Form Scripts' at the top right corner for more info on how this works diff --git a/src/frontend/views/entity/PersistentQuery/Form.tsx b/src/frontend/views/entity/PersistentQuery/Form.tsx index 4ca6fe267..6e12adb2f 100644 --- a/src/frontend/views/entity/PersistentQuery/Form.tsx +++ b/src/frontend/views/entity/PersistentQuery/Form.tsx @@ -163,7 +163,7 @@ export function EntityPersistentQueryForm({ )} )} - + ))} - + - + - + + All the values provided from this form will encrypted using `aes-256-gcm` before been saved. @@ -23,7 +23,7 @@ export function PasswordToReveal({ return ( <> - + For security reasons, Please input your account password to be able to manage {label} diff --git a/src/frontend/views/integrations/actions/View/Configure.tsx b/src/frontend/views/integrations/actions/View/Configure.tsx index eae89ad74..d2c382a4a 100644 --- a/src/frontend/views/integrations/actions/View/Configure.tsx +++ b/src/frontend/views/integrations/actions/View/Configure.tsx @@ -30,8 +30,8 @@ export function Configure({ activationId, integrationDetail }: IProps) { if (Object.keys(integrationDetail.configurationSchema).length === 0) { return ( - - + + This action does not have configuration diff --git a/src/frontend/views/integrations/actions/View/Deactivate.tsx b/src/frontend/views/integrations/actions/View/Deactivate.tsx index b80c80583..9535ae366 100644 --- a/src/frontend/views/integrations/actions/View/Deactivate.tsx +++ b/src/frontend/views/integrations/actions/View/Deactivate.tsx @@ -17,8 +17,8 @@ export function Deactivate({ integrationDetail, activationId }: IProps) { if (integrationDetail.key === ActionIntegrations.HTTP) { return ( - - + + The HTTP action can not be deactivated @@ -27,7 +27,7 @@ export function Deactivate({ integrationDetail, activationId }: IProps) { return ( <> - + Deactivating an integration will irrevocabily delete its configurations and remove all its form actions diff --git a/src/frontend/views/roles/Permissions/MutatePermission.tsx b/src/frontend/views/roles/Permissions/MutatePermission.tsx index d8afa9395..65ee91204 100644 --- a/src/frontend/views/roles/Permissions/MutatePermission.tsx +++ b/src/frontend/views/roles/Permissions/MutatePermission.tsx @@ -70,7 +70,7 @@ export function MutatePermission({ <> {overAchingPermission && ( <> - + 0 && ( - + Your account does not have the permission to view secret values or manage them diff --git a/src/frontend/views/settings/Versions/index.tsx b/src/frontend/views/settings/Versions/index.tsx index 779ead921..488d8455c 100644 --- a/src/frontend/views/settings/Versions/index.tsx +++ b/src/frontend/views/settings/Versions/index.tsx @@ -48,7 +48,7 @@ export function VersionInfo() { > {Object.entries(systemVersions.data).map(([label, value]) => ( - {label} + {label} {value}