Changing logo on landing page.

frontend/pages/_app.js

@@ -19,7 +19,7 @@ const DefaultLayout = dynamic(() => import("../src/layouts"), {
 });
 import { useRouter } from "next/router";
 import NProgress from "nprogress";
-import { WHITE_LOGO_W_TEXT_URL } from "../src/core/constants";
+import { PRIMARY_MOON_LOGO_URL } from "../src/core/constants";
 
 export default function CachingApp({ Component, pageProps }) {
   const [queryClient] = useState(new QueryClient());
@@ -58,7 +58,7 @@ export default function CachingApp({ Component, pageProps }) {
     Component.getLayout || ((page) => <DefaultLayout>{page}</DefaultLayout>);
 
   const headLinks = [
-    { rel: "preload", as: "image", href: WHITE_LOGO_W_TEXT_URL },
+    { rel: "preload", as: "image", href: PRIMARY_MOON_LOGO_URL },
   ];
   pageProps.preloads && headLinks.push(...pageProps.preloads);
   return (

frontend/src/components/AppNavbar.js

@@ -38,7 +38,7 @@ import AddNewIconButton from "./AddNewIconButton";
 import {
   USER_NAV_PATHES,
   SITEMAP,
-  WHITE_LOGO_W_TEXT_URL,
+  PRIMARY_MOON_LOGO_URL,
   PAGETYPE,
 } from "../core/constants";
 
@@ -244,7 +244,7 @@ const AppNavbar = () => {
                 <Image
                   alignSelf="center"
                   maxH="2.5rem"
-                  src={WHITE_LOGO_W_TEXT_URL}
+                  src={PRIMARY_MOON_LOGO_URL}
                   alt="Go to app root"
                 />
               </Link>

frontend/src/components/Footer.js

@@ -12,7 +12,7 @@ import {
   chakra,
 } from "@chakra-ui/react";
 import RouterLink from "next/link";
-import { WHITE_LOGO_W_TEXT_URL, SITEMAP } from "../core/constants";
+import { PRIMARY_MOON_LOGO_URL, SITEMAP } from "../core/constants";
 import { FaGithub, FaTwitter, FaDiscord } from "react-icons/fa";
 import moment from "moment";
 
@@ -79,7 +79,7 @@ const Footer = () => (
                 // to="/"
                 h="2.5rem"
                 minW="2.5rem"
-                src={WHITE_LOGO_W_TEXT_URL}
+                src={PRIMARY_MOON_LOGO_URL}
                 alt="Go to app root"
               />
             </Link>

frontend/src/components/LandingNavbar.js

@@ -19,7 +19,7 @@ import useModals from "../core/hooks/useModals";
 import UIContext from "../core/providers/UIProvider/context";
 import ChakraAccountIconButton from "./AccountIconButton";
 import RouteButton from "./RouteButton";
-import { PAGETYPE, SITEMAP, WHITE_LOGO_W_TEXT_URL } from "../core/constants";
+import { PAGETYPE, SITEMAP, PRIMARY_MOON_LOGO_URL } from "../core/constants";
 import router from "next/router";
 import { MODAL_TYPES } from "../core/providers/OverlayProvider/constants";
 
@@ -47,14 +47,15 @@ const LandingNavbar = () => {
         flexBasis="200px"
         flexGrow={1}
         id="Logo Container"
+        alignItems="center"
       >
         <RouterLink href="/" passHref>
           <Link
             as={Image}
             w="auto"
-            h="100%"
+            h={["70%", "85%", "100%"]}
             justifyContent="left"
-            src={WHITE_LOGO_W_TEXT_URL}
+            src={PRIMARY_MOON_LOGO_URL}
             alt="Moonstream logo"
           />
         </RouterLink>

frontend/src/components/Sidebar.js

@@ -25,7 +25,7 @@ import {
   LockIcon,
 } from "@chakra-ui/icons";
 import { MdSettings, MdDashboard, MdTimeline } from "react-icons/md";
-import { WHITE_LOGO_W_TEXT_URL, SITEMAP, PAGETYPE } from "../core/constants";
+import { PRIMARY_MOON_LOGO_URL, SITEMAP, PAGETYPE } from "../core/constants";
 import useDashboard from "../core/hooks/useDashboard";
 import { MODAL_TYPES } from "../core/providers/OverlayProvider/constants";
 import OverlayContext from "../core/providers/OverlayProvider/context";
@@ -73,7 +73,7 @@ const Sidebar = () => {
               maxW="120px"
               py="0.75rem"
               pl={5}
-              src={WHITE_LOGO_W_TEXT_URL}
+              src={PRIMARY_MOON_LOGO_URL}
               alt="Moonstream To"
             />
           </RouterLink>

frontend/src/core/constants.js

@@ -124,7 +124,7 @@ export const USER_NAV_PATHES = [
 export const PAGE_SIZE = 20;
 
 export const AWS_ASSETS_PATH = `https://s3.amazonaws.com/static.simiotics.com/moonstream/assets`;
-export const WHITE_LOGO_W_TEXT_URL = `https://s3.amazonaws.com/static.simiotics.com/moonstream/assets/moon-logo%2Btext-white.png`;
+export const PRIMARY_MOON_LOGO_URL = `${AWS_ASSETS_PATH}/moonstream-full-logo-2022.png`;
 
 export const TIME_RANGE_SECONDS = {
   day: 86400,