From 6ff889648d38e8b7a5637285af293d043caf1892 Mon Sep 17 00:00:00 2001 From: Maksim Eltyshev Date: Wed, 14 Sep 2022 16:52:50 +0500 Subject: [PATCH] feat: Add about pane --- client/src/assets/images/logo.png | Bin 0 -> 22321 bytes .../UserSettingsModal/AboutPane.jsx | 19 ++++++++++++++++++ .../UserSettingsModal/AccountPane.module.scss | 10 +++++++++ .../UserSettingsModal/UserSettingsModal.jsx | 5 +++++ 4 files changed, 34 insertions(+) create mode 100644 client/src/assets/images/logo.png create mode 100644 client/src/components/UserSettingsModal/AboutPane.jsx create mode 100644 client/src/components/UserSettingsModal/AccountPane.module.scss diff --git a/client/src/assets/images/logo.png b/client/src/assets/images/logo.png new file mode 100644 index 0000000000000000000000000000000000000000..7dd7dc58e35d863666333c97973f3d13d1b6471d GIT binary patch literal 22321 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 XeosGrSKQ)%U}4akNV9i0?*I8;1p%3A literal 0 HcmV?d00001 diff --git a/client/src/components/UserSettingsModal/AboutPane.jsx b/client/src/components/UserSettingsModal/AboutPane.jsx new file mode 100644 index 00000000..0362b790 --- /dev/null +++ b/client/src/components/UserSettingsModal/AboutPane.jsx @@ -0,0 +1,19 @@ +import React from 'react'; +// import { useTranslation } from 'react-i18next'; +import { Image, Tab } from 'semantic-ui-react'; + +import logo from '../../assets/images/logo.png'; + +import styles from './AccountPane.module.scss'; + +const AboutPane = React.memo(() => { + // const [t] = useTranslation(); + + return ( + + + + ); +}); + +export default AboutPane; diff --git a/client/src/components/UserSettingsModal/AccountPane.module.scss b/client/src/components/UserSettingsModal/AccountPane.module.scss new file mode 100644 index 00000000..f881c527 --- /dev/null +++ b/client/src/components/UserSettingsModal/AccountPane.module.scss @@ -0,0 +1,10 @@ +:global(#app) { + /* .logo { + margin-bottom: 16px; + } */ + + .wrapper { + border: none; + box-shadow: none; + } +} diff --git a/client/src/components/UserSettingsModal/UserSettingsModal.jsx b/client/src/components/UserSettingsModal/UserSettingsModal.jsx index 34303776..db4f032b 100644 --- a/client/src/components/UserSettingsModal/UserSettingsModal.jsx +++ b/client/src/components/UserSettingsModal/UserSettingsModal.jsx @@ -5,6 +5,7 @@ import { Modal, Tab } from 'semantic-ui-react'; import AccountPane from './AccountPane'; import PreferencesPane from './PreferencesPane'; +import AboutPane from './AboutPane'; const UserSettingsModal = React.memo( ({ @@ -71,6 +72,10 @@ const UserSettingsModal = React.memo( ), }, + { + menuItem: 'About Planka', + render: () => , + }, ]; return (