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

Linter fix

Browse Source
This commit is contained in:
ilya-bkv 2022-11-29 09:04:23 +03:00
parent 9de323b752
commit a6a0b804b7
2 changed files with 14 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/Inbox/GroupDialogAvatar.module.scss
View File

@ -23,8 +23,8 @@
} }
.counter { .counter {
width: 23px; width: 24px;
height: 23px; height: 24px;
position: absolute; position: absolute;
bottom: 0; bottom: 0;
right: 0; right: 0;

21
src/components/Inbox/GroupDialogAvatar.tsx
View File

@ -1,3 +1,4 @@
import { For } from 'solid-js'
import './DialogCard.module.scss' import './DialogCard.module.scss'
import styles from './GroupDialogAvatar.module.scss' import styles from './GroupDialogAvatar.module.scss'
import { clsx } from 'clsx' import { clsx } from 'clsx'
@ -17,15 +18,17 @@ const GroupDialogAvatar = (props: Props) => {
} }
return ( return (
<div class={styles.GroupDialogAvatar}> <div class={styles.GroupDialogAvatar}>
{slicedUsers().map((user) => ( <For each={slicedUsers()}>
<DialogAvatar {(user) => (
className={styles.grouped} <DialogAvatar
bordered={true} className={styles.grouped}
size="small" bordered={true}
name={user.name} size="small"
url={user.userpic} name={user.name}
/> url={user.userpic}
))} />
)}
</For>
{props.users.length > 3 && ( {props.users.length > 3 && (
<div class={clsx(styles.counter, { [styles.hundred]: props.users.length >= 100 })}> <div class={clsx(styles.counter, { [styles.hundred]: props.users.length >= 100 })}>
{++props.users.length} {++props.users.length}