Merge pull request #52 from peersky/landing-improvements

Landing improvements

frontend/src/components/Footer.js

@@ -8,11 +8,7 @@ const ICONS = [
     link: "https://discord.gg/FetK5BxD",
   },
 
-  { social: "twit", link: "https://twitter.com/Bugout_dev" },
-  {
-    social: "slack",
-    link: "https://join.slack.com/t/bugout-dev/shared_invite/zt-fhepyt87-5XcJLy0iu702SO_hMFKNhQ",
-  },
+  { social: "twit", link: "https://twitter.com/moonstreamto" },
 ];
 
 const SITEMAP_FLEX_PROPS = {
@@ -98,7 +94,7 @@ const Footer = () => (
         fontSize="xl"
         fontWeight="500"
       >
-        Stay in touch
+        Stay in touch{` `}
         <span role="img" aria-label="heart">
           💙
         </span>

frontend/src/components/LandingNavbar.js

@@ -87,10 +87,21 @@ const LandingNavbar = () => {
                   Log in
                 </Button>
               )}
-              {ui.isLoggedIn && <ChakraAccountIconButton />}
+              {ui.isLoggedIn && (
+                <ChakraAccountIconButton
+                  variant="link"
+                  colorScheme="secondary"
+                />
+              )}
             </ButtonGroup>
           </>
         )}
+        {ui.isLoggedIn && ui.isMobileView && (
+          <>
+            <Spacer />
+            <ChakraAccountIconButton variant="link" colorScheme="secondary" />
+          </>
+        )}
       </>
     </>
   );

frontend/src/components/Scrollable.js

@@ -19,7 +19,6 @@ const Scrollable = (props) => {
   const handleScroll = (e) => {
     const currentScroll = Math.ceil(getScrollPrecent(e) / 10);
     if (currentScroll > scrollDepth) {
-      // withTracking(
       setScrollDepth(currentScroll);
       isLoaded &&
         mixpanel.people.increment({

frontend/src/components/SignIn.js

@@ -38,7 +38,7 @@ const SignIn = ({ toggleModal }) => {
         Login now
       </Heading>
       <Text color="gray.1200" fontSize="md">
-        To your Bugout account
+        To your Moonstream account
       </Text>
       <form onSubmit={handleSubmit(login)}>
         <Stack width="100%" pt={4} spacing={3}>
@@ -49,7 +49,7 @@ const SignIn = ({ toggleModal }) => {
                 autoComplete="username"
                 variant="filled"
                 colorScheme="primary"
-                placeholder="Your Bugout username"
+                placeholder="Your Moonstream username"
                 name="username"
                 {...register("username", { required: true })}
                 ref={register({ required: "Username is required!" })}
@@ -64,7 +64,7 @@ const SignIn = ({ toggleModal }) => {
           </FormControl>
           <FormControl isInvalid={errors.password}>
             <PasswordInput
-              placeholder="Your Bugout password"
+              placeholder="Your Moonstream password"
               name="password"
               ref={register({ required: "Password is required!" })}
             />