feat: home icon

Author: Aqib Mirza

client/packages/lowcoder/src/assets/images/index.tsx

@@ -1,6 +1,7 @@
 //window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches
 import { ReactComponent as LogoIcon } from "./logo.svg";
 import { ReactComponent as LogoWithNameIcon } from "./logo-with-name.svg";
+import { ReactComponent as LogoHomeIcon } from "./logo-with-name.svg";
 
 export { default as favicon } from "./favicon.ico";
 
@@ -10,3 +11,6 @@ export const Logo = (props: { branding?: boolean }) => {
 export const LogoWithName = (props: { branding?: boolean }) => {
   return <LogoWithNameIcon />;
 };
+export const LogoHome = (props: { branding?: boolean }) => {
+  return <LogoHomeIcon />;
+};

client/packages/lowcoder/src/assets/images/logo-with-name-home.svg

@@ -2,7 +2,7 @@ import { Layout, Skeleton } from "antd";
 import MainContent from "components/layout/MainContent";
 import SideBar from "components/layout/SideBar";
 import Header from "./layout/Header";
-import { Logo, LogoWithName } from "@lowcoder-ee/assets/images";
+import { Logo, LogoWithName, LogoHome } from "@lowcoder-ee/assets/images";
 import styled from "styled-components";
 import { useSelector } from "react-redux";
 import { getBrandingConfig, getSystemConfigFetching } from "../redux/selectors/configSelectors";
@@ -22,6 +22,11 @@ const StyledLogo = styled(Logo)`
   width: 24px;
 `;
 
+const StyledLogoHome = styled(LogoHome)`
+  height: 24px;
+  width: 24px;
+`;
+
 const StyledLogoWithName = styled(LogoWithName)`
   height: 28px;
   /* width: 28px; */
@@ -78,7 +83,7 @@ export default function PageSkeleton(props: IProps) {
       {!hideHeader && isHeaderReady && (
         <Header
           headerStart={
-            logoWithName ? <StyledLogoWithName branding={true} /> : <StyledLogo branding={true} />
+            <StyledLogoHome branding={true} />
           }
           style={{ backgroundColor: brandingConfig?.headerColor, ...props.headStyle }}
         />