muerwre/orchidmap-front
1
0
Fork 0
mirror of https://github.com/muerwre/orchidmap-front.git synced 2025-04-25 19:16:41 +07:00
Code Issues Projects Releases Packages Wiki Activity Actions

refactored rerendering speed

Browse source
This commit is contained in:
Fedor Katurov 2020-01-16 11:49:24 +07:00
parent b6bf317649
commit 69d1d749cf
32 changed files with 144 additions and 2045 deletions
Download patch file Download diff file Expand all files Collapse all files

17
src/components/user/UserButton.tsx
View file

@ -1,25 +1,22 @@
// @flow
import React from "react";
import { UserPicture } from "~/components/user/UserPicture";
import { IUser } from "~/constants/auth";
import React, { FC, memo } from 'react';
import { UserPicture } from '~/components/user/UserPicture';
import { IUser } from '~/constants/auth';
interface Props {
user: IUser;
setMenuOpened: () => void;
}
export const UserButton = ({
setMenuOpened,
user: { uid, photo, name }
}: Props) => (
export const UserButton: FC<Props> = memo(({ setMenuOpened, user: { uid, photo, name } }) => (
<div className="control-bar user-bar">
<div className="user-button" onClick={setMenuOpened}>
<UserPicture photo={photo} />
<div className="user-button-fields">
<div className="user-button-name">{name || uid || "..."}</div>
<div className="user-button-text">{uid || "пользователь"}</div>
<div className="user-button-name">{name || uid || '...'}</div>
<div className="user-button-text">{uid || 'пользователь'}</div>
</div>
</div>
</div>
);
));