New snips new get removed from the not seen list once they are placed

closes #100

CHANGELOG.md

@@ -33,6 +33,8 @@ the labels did not update correctly and were not removed correctly
 - Exit fullscreen button disappeared on desktop devices in fullscreen mode
 - Formatting in password reset form was inconsistent with other forms
 - Footer spacing would be set to zero if safe-area-inset-bottom was not available 
+- New snips notification not disappearing from the not seen list once they are placed see [#100](https://gitlab.gwdg.de/irp/snip/-/issues/100)
+
 
 ## [1.9.0]
 

apps/fullstack/app/api/books/[id]/upload/route.ts

@@ -171,7 +171,7 @@ function getSocketClient() {
         date: Date.now(),
     });
 
-    const client = io(`ws://snip_socket:4001/api`, {
+    const client = io(`ws://snip_socket:80/api`, {
         reconnectionDelay: 1000,
         reconnection: true,
         reconnectionAttempts: 10,

apps/fullstack/components/common/Footer.tsx

@@ -7,7 +7,7 @@ interface Props {
 
 import { TbBrandGit, TbBug } from "react-icons/tb";
 
-import { version } from "@package_json";
+import Package from "@package_json";
 
 export default function Footer({ className }: Props) {
     return (
@@ -16,7 +16,7 @@ export default function Footer({ className }: Props) {
                 <ul>
                     <li>
                         <a href="https://gitlab.gwdg.de/irp/snip/-/blob/main/CHANGELOG.md">
-                            v{version}
+                            v{Package.version}
                         </a>{" "}
                         © 2021 - {new Date().getFullYear().toString()}
                     </li>

apps/fullstack/components/context/socket/useQueuedSnipsContext.tsx

@@ -81,6 +81,9 @@ export function QueuedSnipsContextProvider({
                 }
                 return activeSnipId;
             });
+            setNotSeenSnips((seenSnips) => {
+                return [...seenSnips.filter((id) => id !== snip_id)];
+            });
         },
         [setActiveSnipId],
     );

apps/fullstack/lib/hooks/usePersistentState.ts

@@ -7,7 +7,12 @@ export function usePersistentState<Type>(
     const prefixedKey = "snip-persistent-state-" + key;
     // read key from local storage if not found use default value
     const [value, setValue] = useState<Type>(() => {
-        const storedValue = localStorage.getItem(prefixedKey);
+        let storedValue;
+        if (typeof window === "undefined") {
+            storedValue = null;
+        } else {
+            storedValue = localStorage.getItem(prefixedKey);
+        }
         if (storedValue === null) {
             if (typeof initialState === "function") {
                 return (initialState as () => Type)();