updating the appsmith logo in app editor to use branding logo

Author: ankitakinger

app/client/src/pages/Editor/AppsmithLink.tsx

@@ -5,6 +5,8 @@ import { LOGO_TOOLTIP, createMessage } from "ee/constants/messages";
 import { APPLICATIONS_URL } from "constants/routes";
 import AppsmithLogo from "assets/images/appsmith_logo_square.png";
 import history from "utils/history";
+import { useSelector } from "react-redux";
+import { getOrganizationConfig } from "ee/selectors/organizationSelectors";
 
 export const StyledLink = styled((props) => {
   // we are removing non input related props before passing them in the components
@@ -24,6 +26,8 @@ export const StyledLink = styled((props) => {
 `;
 
 export const AppsmithLink = () => {
+  const organizationConfig = useSelector(getOrganizationConfig);
+
   const handleOnClick = useCallback(
     (e: React.MouseEvent<HTMLAnchorElement>) => {
       e.stopPropagation();
@@ -43,7 +47,11 @@ export const AppsmithLink = () => {
         <img
           alt="Appsmith logo"
           className="t--appsmith-logo"
-          src={AppsmithLogo}
+          src={
+            organizationConfig.brandLogoUrl
+              ? organizationConfig.brandLogoUrl
+              : AppsmithLogo
+          }
         />
       </StyledLink>
     </Tooltip>