Format

packages/app/src/layouts/components/@mobile/bottomBar/index.jsx

@@ -159,7 +159,10 @@ const AccountButton = React.forwardRef((props, ref) => {
 		>
 			<div className="icon">
 				{user ? (
-					<antd.Avatar shape="square" src={app.userData.avatar} />
+					<antd.Avatar
+						shape="square"
+						src={app.userData.avatar}
+					/>
 				) : (
 					createIconRender("FiLogin")
 				)}
@@ -168,6 +171,8 @@ const AccountButton = React.forwardRef((props, ref) => {
 	)
 })
 
+AccountButton.displayName = "AccountButton"
+
 export class BottomBar extends React.Component {
 	static contextType = Context
 
@@ -366,9 +371,7 @@ export class BottomBar extends React.Component {
 		}
 
 		const heightValue = Number(
-			app.cores.style
+			app.cores.style.getDefaultVar("bottom-bar-height").replace("px", ""),
-				.getDefaultVar("bottom-bar-height")
-				.replace("px", ""),
 		)
 
 		return (
@@ -409,10 +412,7 @@ export class BottomBar extends React.Component {
 									<div
 										key="creator"
 										id="creator"
-										className={classnames(
+										className={classnames("item", "primary")}
-											"item",
-											"primary",
-										)}
 										onClick={openCreator}
 									>
 										<div className="icon">
@@ -441,9 +441,7 @@ export class BottomBar extends React.Component {
 											})
 										}}
 									>
-										<div className="icon">
+										<div className="icon">{createIconRender("FiHome")}</div>
-											{createIconRender("FiHome")}
-										</div>
 									</div>
 
 									<div
@@ -452,9 +450,7 @@ export class BottomBar extends React.Component {
 										className="item"
 										onClick={app.controls.openSearcher}
 									>
-										<div className="icon">
+										<div className="icon">{createIconRender("FiSearch")}</div>
-											{createIconRender("FiSearch")}
-										</div>
 									</div>
 
 									<AccountButton ref={this.accountBtnRef} />