Shared: Renaming.

packages/shared/components/docspace-logo/DocspaceLogo.styled.ts

@@ -30,14 +30,14 @@ import { mobile } from "@docspace/shared/utils";
 
 export const StyledWrapper = styled.div<{
   isMobile?: boolean;
-  isResizing?: boolean;
+  isResizable?: boolean;
 }>`
   @media ${mobile} {
-    ${(props) => !props.isResizing && "display: none"};
+    ${(props) => !props.isResizable && "display: none"};
 
     ${(props) =>
       props.isMobile &&
-      props.isResizing &&
+      props.isResizable &&
       css`
         display: flex;
         background-color: ${props.theme.header.backgroundColor};

packages/shared/components/docspace-logo/DocspaceLogo.tsx

@@ -33,7 +33,10 @@ import { size as deviceSize } from "../../utils";
 import { StyledWrapper } from "./DocspaceLogo.styled";
 import type { DocspaceLogoProps } from "./DocspaceLogo.types";
 
-const DocspaceLogo = ({ className, isResizing = false }: DocspaceLogoProps) => {
+const DocspaceLogo = ({
+  className,
+  isResizable = false,
+}: DocspaceLogoProps) => {
   const theme = useTheme();
 
   const [size, setSize] = useState(window.innerWidth);
@@ -43,7 +46,7 @@ const DocspaceLogo = ({ className, isResizing = false }: DocspaceLogoProps) => {
   };
 
   React.useEffect(() => {
-    if (isResizing) window.addEventListener("resize", onResize);
+    if (isResizable) window.addEventListener("resize", onResize);
 
     return () => {
       window.removeEventListener("resize", onResize);
@@ -53,14 +56,14 @@ const DocspaceLogo = ({ className, isResizing = false }: DocspaceLogoProps) => {
   const isMobile = size <= deviceSize.mobile;
 
   const logoSize =
-    isResizing && isMobile
+    isResizable && isMobile
       ? WhiteLabelLogoType.LightSmall
       : WhiteLabelLogoType.LoginPage;
 
   const logo = getLogoUrl(logoSize, !theme.isBase);
 
   return (
-    <StyledWrapper isMobile={isMobile} isResizing={isResizing} logo={!!logo}>
+    <StyledWrapper isMobile={isMobile} isResizable={isResizable} logo={!!logo}>
       {logo && (
         <img
           src={logo}

packages/shared/components/docspace-logo/DocspaceLogo.types.ts

@@ -26,5 +26,5 @@
 
 export interface DocspaceLogoProps {
   className?: string;
-  isResizing?: boolean;
+  isResizable?: boolean;
 }

packages/shared/components/error-container/ErrorContainer.tsx

@@ -53,7 +53,7 @@ const ErrorContainer = (props: ErrorContainerProps) => {
       isEditor={isEditor}
       data-testid="ErrorContainer"
     >
-      <DocspaceLogo isResizing />
+      <DocspaceLogo isResizable />
       <div id="container">
         <svg
           id="background"