djkato/saleor-dashboard
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix how disabled app rows in Apps work and look (#3263)

Browse source
This commit is contained in:
Lukasz Ostrowski 2023-03-02 14:56:39 +01:00 committed by GitHub
parent 3654d82600
commit 5b7ad12ef0
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 5 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
src/new-apps/components/InstalledAppListRow/InstalledAppListRow.tsx
View file

@ -34,7 +34,7 @@ export const InstalledAppListRow: React.FC<InstalledApp> = props => {
state={{ from: location.pathname }}
className={sprinkles({ display: "contents" })}
inline={false}
disabled={!!app.isActive}
disabled={!app.isActive}
>
<List.Item
padding={7}
@ -45,6 +45,7 @@ export const InstalledAppListRow: React.FC<InstalledApp> = props => {
flexDirection="row"
flexWrap="wrap"
backgroundColor={!app.isActive ? "surfaceNeutralSubdued" : undefined}
cursor={app.isActive ? "pointer" : "not-allowed"}
>
<Box
gap={5}
@ -93,7 +94,9 @@ export const InstalledAppListRow: React.FC<InstalledApp> = props => {
justifyContent={{ mobile: "flex-end", desktop: "flex-start" }}
gap={6}
>
<Box marginLeft="auto">
<AppPermissions permissions={app.permissions} />
</Box>
<TableButtonWrapper>
<Button
variant="secondary"