chore: FloatAreaのclass名生成をmemo化

kufu · Jan 21, 2025 · 02985e3 · 02985e3
1 parent b47c0fd
commit 02985e3
Showing 1 changed file with 2 additions and 7 deletions.
diff --git a/packages/smarthr-ui/src/components/FloatArea/FloatArea.tsx b/packages/smarthr-ui/src/components/FloatArea/FloatArea.tsx
@@ -70,15 +70,10 @@ export const FloatArea: FC<Props & ElementProps> = ({
   ...rest
 }) => {
   const styleAttr = useMemo(() => ({ ...style, zIndex }), [style, zIndex])
+  const actualClassName = useMemo(() => floatArea({ bottom, className }), [bottom, className])
 
   return (
-    <Base
-      {...rest}
-      style={styleAttr}
-      layer={3}
-      padding={1}
-      className={floatArea({ bottom, className })}
-    >
+    <Base {...rest} style={styleAttr} layer={3} padding={1} className={actualClassName}>
       <Cluster gap={1}>
         {tertiaryButton}
         <div className="shr-ms-auto">