polish logo icon
@@ -29,7 +29,7 @@ import Forward from "@material-ui/icons/Forward";
import { createStyles, withStyles, WithStyles } from "@material-ui/styles";
import { grey } from "@material-ui/core/colors";
import { SvgIcon, SvgIconProps, Theme } from "@material-ui/core";
-import { theme } from "theme/theme";
+import clsx from "clsx";
const styles = (theme: Theme) =>
createStyles({
@@ -218,10 +218,10 @@ export const KalmLogIcon = withStyles(styles)((props: ColorIconsProps) => {
});
export const KalmApplicationIcon = withStyles(styles)((props: ColorIconsProps) => {
- const { fontSize, style } = props;
- const className = getClassNameByColorName(props);
+ const { fontSize, style, className } = props;
+ const iconClassName = getClassNameByColorName(props);
return (
- <SvgIcon className={className} fontSize={fontSize} style={style}>
+ <SvgIcon className={clsx(iconClassName, className)} fontSize={fontSize} style={style}>
<path
fillRule="evenodd"
clipRule="evenodd"
@@ -334,8 +334,6 @@ export const KalmLogoIcon = withStyles(styles)((props: ColorIconsProps) => {
return (
<div
style={{
- background: theme.palette.grey[700],
- color: "white",
borderRadius: 4,
marginLeft: 2,
marginRight: 8,
@@ -364,7 +362,8 @@ export const KalmIngressIcon = withStyles(styles)((props: ColorIconsProps) => {
});
export const KalmGridViewIcon = withStyles(styles)((props: ColorIconsProps) => {
- const { fontSize, style, className } = props;
+ const { fontSize, style } = props;
+ const className = getClassNameByColorName(props);
return (
<SvgIcon className={className} fontSize={fontSize} style={style} viewBox={"0 0 36 36"}>
<rect x="4" y="4" width="12" height="12" rx="2" ry="2"></rect>
@@ -377,7 +376,8 @@ export const KalmGridViewIcon = withStyles(styles)((props: ColorIconsProps) => {
});
export const KalmListViewIcon = withStyles(styles)((props: ColorIconsProps) => {
- const { fontSize, style, className } = props;
+ const { fontSize, style } = props;
+ const className = getClassNameByColorName(props);
return (
<SvgIcon className={className} fontSize={fontSize} style={style} viewBox={"0 0 36 36"}>
<rect x="2" y="8" width="2" height="2"></rect>
