discours.io/webapp
5
0
Fork 0
Code Issues Pull Requests Actions Projects Wiki Activity

Changed css classes to css-module in the Private component

Browse Source
This commit is contained in:
kvakazyambra 2022-10-04 13:41:03 +03:00
parent d7be0d2e94
commit cd803f1f07
2 changed files with 10 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/Nav/Private.module.scss
View File

@ -75,7 +75,7 @@
width: auto; width: auto;
} }
.text-label { .textLabel {
display: none; display: none;
} }
} }
@ -86,7 +86,7 @@
display: none; display: none;
} }
.text-label { .textLabel {
display: inline; display: inline;
} }
} }

15
src/components/Nav/Private.tsx
View File

@ -1,28 +1,29 @@
import type { Author } from '../../graphql/types.gen' import type { Author } from '../../graphql/types.gen'
import Userpic from '../Author/Userpic' import Userpic from '../Author/Userpic'
import { Icon } from './Icon' import { Icon } from './Icon'
import './Private.module.scss' import styles from './Private.module.scss'
import { useAuthStore } from '../../stores/auth' import { useAuthStore } from '../../stores/auth'
import { useRouter } from '../../stores/router' import { useRouter } from '../../stores/router'
import clsx from 'clsx'
export default () => { export default () => {
const { session } = useAuthStore() const { session } = useAuthStore()
const { getPage } = useRouter() const { getPage } = useRouter()
return ( return (
<div class="userControl col"> <div class={clsx(styles.userControl, 'col')}>
<div class="userControlItem userControlItemWritePost"> <div class={clsx(styles.userControlItem, styles.userControlItemWritePost)}>
<a href="/create"> <a href="/create">
<span class="text-label">опубликовать материал</span> <span class={styles.textLabel}>опубликовать материал</span>
<Icon name="pencil" /> <Icon name="pencil" />
</a> </a>
</div> </div>
<div class="userControlItem userControlItemSearch"> <div class={clsx(styles.userControlItem, styles.userControlItemSearch)}>
<a href="/search"> <a href="/search">
<Icon name="search" /> <Icon name="search" />
</a> </a>
</div> </div>
<div class="userControlItem userControlItemInbox"> <div class={clsx(styles.userControlItem, styles.userControlItemInbox)}>
<a href="/inbox"> <a href="/inbox">
{/*FIXME: replace with route*/} {/*FIXME: replace with route*/}
<div classList={{ entered: getPage().path === '/inbox' }}> <div classList={{ entered: getPage().path === '/inbox' }}>
@ -30,7 +31,7 @@ export default () => {
</div> </div>
</a> </a>
</div> </div>
<div class="userControlItem"> <div class={styles.userControlItem}>
<a href={`/${session().user?.slug}`}> <a href={`/${session().user?.slug}`}>
{/*FIXME: replace with route*/} {/*FIXME: replace with route*/}
<div classList={{ entered: getPage().path === `/${session().user?.slug}` }}> <div classList={{ entered: getPage().path === `/${session().user?.slug}` }}>