showing users fullname

src/components/containers/BlurWrapper/index.tsx

@@ -6,7 +6,7 @@ type IProps = AllHTMLAttributes<HTMLDivElement> & { is_blurred: boolean };
 export const BlurWrapper: FC<IProps> = ({ children, is_blurred }) => (
   <div
     className={styles.blur}
-    style={{ filter: `blur(${is_blurred ? 15 : 0}px) saturate(${is_blurred ? 1.5 : 1})` }}
+    style={{ filter: `blur(${is_blurred ? 15 : 0}px) saturate(${is_blurred ? 3 : 1})` }}
   >
     {children}
   </div>

src/containers/dialogs/Modal/styles.scss

@@ -49,6 +49,6 @@
   left: 0;
   width: 100%;
   height: 100%;
-  background: transparentize($color: #000000, $amount: 0.5);
+  // background: transparentize($color: #000000, $amount: 0.5);
   cursor: pointer;
 }

src/containers/profile/ProfileInfo/index.tsx

@@ -23,7 +23,7 @@ const ProfileInfo: FC<IProps> = ({ user, is_loading = false }) => (
 
       <div className={styles.field}>
         <div className={styles.name}>
-          {is_loading ? <Placeholder width="80%" /> : user.username}
+          {is_loading ? <Placeholder width="80%" /> : user.fullname || user.username}
         </div>
 
         <div className={styles.description}>

src/redux/auth/constants.ts

@@ -45,6 +45,7 @@ export const EMPTY_USER: IUser = {
   is_activated: false,
   is_user: false,
   last_seen: null,
+  fullname: null,
 };
 
 export interface IApiUser {

src/redux/auth/types.ts

@@ -14,6 +14,7 @@ export interface IUser {
   cover: IFile;
   name: string;
   last_seen: string;
+  fullname: string;
 
   is_activated: boolean;
   is_user: boolean;