ADd "disabled" label on app list, when app is disabled (#3282)

saleor · Mar 8, 2023 · 34efd26 · 34efd26
1 parent 91fea83
commit 34efd26
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 1 deletion.
diff --git a/locale/defaultMessages.json b/locale/defaultMessages.json
@@ -1269,6 +1269,10 @@
     "context": "select title",
     "string": "Select channels you want for {contentType} to be available on"
   },
+  "7u9Ep7": {
+    "context": "Label when app is disabled",
+    "string": "Disabled"
+  },
   "7v2oBd": {
     "context": "header",
     "string": "Error"

diff --git a/src/new-apps/components/InstalledAppListRow/InstalledAppListRow.tsx b/src/new-apps/components/InstalledAppListRow/InstalledAppListRow.tsx
@@ -94,7 +94,12 @@ export const InstalledAppListRow: React.FC<InstalledApp> = props => {
           justifyContent={{ mobile: "flex-end", desktop: "flex-start" }}
           gap={6}
         >
-          <Box marginLeft="auto">
+          <Box marginLeft="auto" display="flex" alignItems="center" gap={8}>
+            {!app.isActive && (
+              <Text variant="caption" color="textNeutralSubdued">
+                <FormattedMessage {...messages.appDisabled} />
+              </Text>
+            )}
             <AppPermissions permissions={app.permissions} />
           </Box>
           <TableButtonWrapper>

diff --git a/src/new-apps/components/InstalledAppListRow/messages.ts b/src/new-apps/components/InstalledAppListRow/messages.ts
@@ -11,4 +11,9 @@ export const messages = defineMessages({
     defaultMessage: "Settings",
     description: "button label",
   },
+  appDisabled: {
+    id: "7u9Ep7",
+    defaultMessage: "Disabled",
+    description: "Label when app is disabled",
+  },
 });