chore: update link in banner and add test for scroll behavior

Author: bniedermeyer

apps/brenden-dev-e2e/src/e2e/app.cy.ts

@@ -1,13 +1,9 @@
-import { getGreeting } from '../support/app.po';
-
 describe('brenden-dev', () => {
   beforeEach(() => cy.visit('/'));
 
-  it('should display welcome message', () => {
-    // Custom command example, see `../support/commands.ts` file
-    cy.login('my-email@something.com', 'myPassword');
-
-    // Function helper example, see `../support/app.po.ts` file
-    getGreeting().contains('Welcome brenden-dev');
+  it('should show the full header on scroll', () => {
+    cy.get('header a').should('not.be.visible');
+    cy.scrollTo(0, 400);
+    cy.get('header a').should('be.visible');
   });
 });

libs/react/components/src/lib/banner/banner.tsx

@@ -4,7 +4,7 @@ export interface BannerProps {}
 export function Banner(props: BannerProps) {
   return (
     <aside className="float-left fixed mt-2 bg-red-600 pl-24 pr-32 py-3 m-0 z-50 -left-20 top-6 -rotate-45 shadow-xl">
-      <a href="https://github.com/bniedermeyer/bniedermeyer.github.io/tree/rebuild">
+      <a href="https://brenden.codes/rebuilding-my-home-on-the-web">
         <p className="text-white">Being built in public!</p>
       </a>
     </aside>

libs/react/components/src/lib/navbar/navbar.tsx

@@ -29,7 +29,7 @@ export function Navbar({ displayFull = true }: NavbarProps) {
           className={`flex items-center ${
             displayFull
               ? 'opacity-100 transition-opacity duration-700 ease-in-out reduce-motion:transition-none'
-              : 'transition-opacity opacity-0'
+              : 'transition-opacity opacity-0 pointer-events-none'
           }`}
         >
           <span className="self-center text-2xl text-primary-dark font-semibold whitespace-nowrap dark:text-secondary-dark">

libs/react/hooks/src/useDocumentScrollThrottled.tsx

@@ -32,5 +32,6 @@ export function useDocumentScrollThrottled(
 
     return () =>
       window.removeEventListener('scroll', handleDocumentScrollThrottled);
-  }, [handleDocumentScrollThrottled]);
+    // eslint-disable-next-line react-hooks/exhaustive-deps -- we only want this called at mount and unmount
+  }, []);
 }