From 28184ab03864627138852b720e638ba56de5e1b5 Mon Sep 17 00:00:00 2001 From: enes Date: Mon, 29 Jul 2024 14:39:30 +0200 Subject: [PATCH] fix: update buttons and button icon design --- src/assets/images/placeholder.png | Bin 0 -> 16493 bytes src/components/AppBar/AppBar.tsx | 2 ++ src/components/ButtonIcon/index.tsx | 14 ++++++++++++++ src/components/ButtonIcon/style.module.scss | 5 +++++ src/index.css | 2 ++ src/theme/index.ts | 8 ++++++-- 6 files changed, 29 insertions(+), 2 deletions(-) create mode 100644 src/assets/images/placeholder.png create mode 100644 src/components/ButtonIcon/index.tsx create mode 100644 src/components/ButtonIcon/style.module.scss diff --git a/src/assets/images/placeholder.png b/src/assets/images/placeholder.png new file mode 100644 index 0000000000000000000000000000000000000000..bbda3c4f4c4642c928bb306316e33aea05329873 GIT binary patch literal 16493 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 ag{O2fl~XanD;9>($zxhapZ;a+|Nj7by>?*$ literal 0 HcmV?d00001 diff --git a/src/components/AppBar/AppBar.tsx b/src/components/AppBar/AppBar.tsx index e3f8d53..641a81d 100644 --- a/src/components/AppBar/AppBar.tsx +++ b/src/components/AppBar/AppBar.tsx @@ -35,6 +35,7 @@ import { import styles from './style.module.scss' import { setUserRobotImage } from '../../store/userRobotImage/action' import { Container } from '../Container' +import { ButtonIcon } from '../ButtonIcon' const metadataController = new MetadataController() @@ -134,6 +135,7 @@ export const AppBar = () => { {!isAuthenticated && (