mirrors/hedgedoc
1
0
Fork 0
mirror of https://github.com/hedgedoc/hedgedoc.git synced 2025-05-31 23:28:34 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

Add prettier for codestyle and re-format everything (#1294)

Browse source
This commit is contained in:
Erik Michelson 2021-06-06 23:14:00 +02:00 • committed by GitHub
parent 8b78154075
commit 0aae1f70d2
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
319 changed files with 4809 additions and 3936 deletions
Download patch file Download diff file Expand all files Collapse all files

19
src/components/editor-page/sidebar/users-online-sidebar-menu/user-line.tsx
View file

@ -10,20 +10,19 @@ import { ActiveIndicator, ActiveIndicatorStatus } from './active-indicator'
import './user-line.scss'
export interface UserLineProps {
name: string;
photo: string;
color: string;
status: ActiveIndicatorStatus;
name: string
photo: string
color: string
status: ActiveIndicatorStatus
}
export const UserLine: React.FC<UserLineProps> = ({ name, photo, color, status }) => {
return (
<div className={ 'd-flex align-items-center h-100 w-100' }>
<div className='d-inline-flex align-items-bottom user-line-color-indicator' style={ { borderLeftColor: color } }/>
<UserAvatar photo={ photo } name={ name }
additionalClasses={ 'flex-fill overflow-hidden px-2 text-nowrap w-100' }/>
<div className={ 'active-indicator-container' }>
<ActiveIndicator status={ status }/>
<div className={'d-flex align-items-center h-100 w-100'}>
<div className='d-inline-flex align-items-bottom user-line-color-indicator' style={{ borderLeftColor: color }} />
<UserAvatar photo={photo} name={name} additionalClasses={'flex-fill overflow-hidden px-2 text-nowrap w-100'} />
<div className={'active-indicator-container'}>
<ActiveIndicator status={status} />
</div>
</div>
)