79 lines
1.9 KiB
TypeScript
79 lines
1.9 KiB
TypeScript
|
import { AppInstallation } from "@dashboard/new-apps/types";
|
||
|
|
import { makeStyles } from "@saleor/macaw-ui";
|
||
|
|
|
||
|
|
export const useStyles = makeStyles<AppInstallation>(
|
||
|
|
theme => ({
|
||
|
|
mainContent: {
|
||
|
|
display: "flex",
|
||
|
|
alignItems: "center",
|
||
|
|
gap: theme.spacing(2),
|
||
|
|
},
|
||
|
|
logo: props => ({
|
||
|
|
backgroundColor: props.logo?.color || theme.palette.grey[300],
|
||
|
|
color: props.logo?.color ? "#fff" : theme.palette.grey[600],
|
||
|
|
padding: theme.spacing(1.2),
|
||
|
|
borderRadius: theme.spacing(1),
|
||
|
|
borderWidth: 0,
|
||
|
|
}),
|
||
|
|
name: {
|
||
|
|
fontWeight: 600,
|
||
|
|
},
|
||
|
|
tunnel: {
|
||
|
|
color: theme.palette.saleor.main[3],
|
||
|
|
whiteSpace: "nowrap",
|
||
|
|
},
|
||
|
|
failed: {
|
||
|
|
color: theme.palette.error.main,
|
||
|
|
whiteSpace: "nowrap",
|
||
|
|
display: "flex",
|
||
|
|
alignItems: "center",
|
||
|
|
justifyContent: "flex-end",
|
||
|
|
gap: theme.spacing(1),
|
||
|
|
},
|
||
|
|
pending: {
|
||
|
|
color: theme.palette.saleor.main[3],
|
||
|
|
whiteSpace: "nowrap",
|
||
|
|
},
|
||
|
|
colSpinner: {
|
||
|
|
"& svg": {
|
||
|
|
textAlign: "right",
|
||
|
|
},
|
||
|
|
paddingLeft: theme.spacing(3),
|
||
|
|
paddingRight: theme.spacing(2),
|
||
|
|
display: "flex",
|
||
|
|
alignItems: "center",
|
||
|
|
},
|
||
|
|
actions: {
|
||
|
|
alignItems: "center",
|
||
|
|
display: "flex",
|
||
|
|
flexDirection: "row",
|
||
|
|
justifyContent: "flex-end",
|
||
|
|
textAlign: "right",
|
||
|
|
gap: theme.spacing(1),
|
||
|
|
},
|
||
|
|
externalAppLabel: {
|
||
|
|
cursor: "pointer",
|
||
|
|
},
|
||
|
|
col: {
|
||
|
|
paddingTop: theme.spacing(1),
|
||
|
|
paddingBottom: theme.spacing(1),
|
||
|
|
},
|
||
|
|
colLogo: {
|
||
|
|
width: "100%",
|
||
|
|
"&.MuiTableCell-root:first-child:not(.MuiTableCell-paddingCheckbox)": {
|
||
|
|
paddingLeft: theme.spacing(3),
|
||
|
|
width: "100%",
|
||
|
|
},
|
||
|
|
height: "auto",
|
||
|
|
},
|
||
|
|
colActions: {
|
||
|
|
"&&": {
|
||
|
|
paddingRight: theme.spacing(3),
|
||
|
|
textAlign: "right",
|
||
|
|
},
|
||
|
|
height: "auto",
|
||
|
|
},
|
||
|
|
}),
|
||
|
|
{ name: "InstalledAppListRow" },
|
||
|
|
);
|