From 8b60396da8440d05c919dd5b56564950806933c9 Mon Sep 17 00:00:00 2001
From: KoalaSat <yv1vtrul@duck.com>
Date: Fri, 23 Sep 2022 12:57:08 +0200
Subject: [PATCH] Mobile Avatar Book Smooth Load (#254)

Mobile Avatr Book Smooth Load
---
 frontend/src/components/BookPage.js           |  3 +++
 .../components/Robots/RobotAvatar/index.tsx   | 23 ++++++++++---------
 2 files changed, 15 insertions(+), 11 deletions(-)

diff --git a/frontend/src/components/BookPage.js b/frontend/src/components/BookPage.js
index 3879b8bb..a2718c3c 100644
--- a/frontend/src/components/BookPage.js
+++ b/frontend/src/components/BookPage.js
@@ -169,6 +169,8 @@ class BookPage extends Component {
                     <ListItemAvatar>
                       <RobotAvatar
                         nickname={params.row.maker_nick}
+                        style={{ width: 45, height: 45 }}
+                        smooth={true}
                         orderType={params.row.type}
                         statusColor={this.statusBadgeColor(params.row.maker_status)}
                         tooltip={t(params.row.maker_status)}
@@ -315,6 +317,7 @@ class BookPage extends Component {
                     <RobotAvatar
                       nickname={params.row.maker_nick}
                       smooth={true}
+                      style={{ width: 45, height: 45 }}
                       orderType={params.row.type}
                       statusColor={this.statusBadgeColor(params.row.maker_status)}
                       tooltip={t(params.row.maker_status)}
diff --git a/frontend/src/components/Robots/RobotAvatar/index.tsx b/frontend/src/components/Robots/RobotAvatar/index.tsx
index 597eaa04..00345447 100644
--- a/frontend/src/components/Robots/RobotAvatar/index.tsx
+++ b/frontend/src/components/Robots/RobotAvatar/index.tsx
@@ -45,17 +45,18 @@ const RobotAvatar: React.FC<DepthChartProps> = ({
   const getAvatar = () => {
     if (smooth) {
       return (
-        <SmoothImage
-          className={avatarClass}
-          src={avatarSrc}
-          imageStyles={{
-            ...style,
-            borderRadius: '50%',
-            transform: 'scaleX(-1)',
-            border: '0.3px solid #555',
-            filter: 'dropShadow(0.5px 0.5px 0.5px #000000)',
-          }}
-        />
+        <div style={style}>
+          <SmoothImage
+            className={avatarClass}
+            src={avatarSrc}
+            imageStyles={{
+              borderRadius: '50%',
+              transform: 'scaleX(-1)',
+              border: '0.3px solid #555',
+              filter: 'dropShadow(0.5px 0.5px 0.5px #000000)'
+            }}
+          />
+        </div>
       );
     } else {
       return (