Merge pull request #25 from Parrit/copyright_sentry

Ensure sentry startup

app/root.tsx

@@ -21,7 +21,7 @@ import ReactGA from "react-ga4";
 import "~/styles/global.css";
 import layoutStyles from "~/styles/layout.css?url";
 import errorStyles from "~/styles/error.css?url";
-import { useEffect } from "react";
+import { useEffect, useState } from "react";
 
 export const meta: MetaFunction = () => [
   {
@@ -50,32 +50,34 @@ export const loader: LoaderFunction = async () => {
 };
 
 const InitializeSentry = (environment: string) => {
-  Sentry.init({
-    dsn: "https://c8a47fcd86fce0c2b5913396f6b08533@o4508546853830656.ingest.us.sentry.io/4508546855272448",
-    tracesSampleRate: 1,
-    environment,
-
-    integrations: [
-      Sentry.browserTracingIntegration({
-        useEffect,
-        useLocation,
-        useMatches,
-      }),
-      Sentry.replayIntegration({
-        maskAllText: true,
-        blockAllMedia: true,
-      }),
-    ],
-
-    replaysSessionSampleRate: 0.1,
-    replaysOnErrorSampleRate: 1,
-    beforeSend(event) {
-      if (window.location.hostname === "localhost") {
-        return null;
-      }
-      return event;
-    },
-  });
+  if (!Sentry.isInitialized()) {
+    Sentry.init({
+      dsn: "https://c8a47fcd86fce0c2b5913396f6b08533@o4508546853830656.ingest.us.sentry.io/4508546855272448",
+      tracesSampleRate: 1,
+      environment,
+
+      integrations: [
+        Sentry.browserTracingIntegration({
+          useEffect,
+          useLocation,
+          useMatches,
+        }),
+        Sentry.replayIntegration({
+          maskAllText: true,
+          blockAllMedia: true,
+        }),
+      ],
+
+      replaysSessionSampleRate: 0.1,
+      replaysOnErrorSampleRate: 1,
+      beforeSend(event) {
+        if (window.location.hostname === "localhost") {
+          return null;
+        }
+        return event;
+      },
+    });
+  }
 };
 
 function App() {
@@ -86,7 +88,7 @@ function App() {
 
   useEffect(() => {
     if (!SENTRY_ENVIRONMENT) {
-      console.error("No sentry environment. Bugs will not be reported.");
+      console.warn("No sentry environment. Bugs will not be reported.");
       return;
     }
 

app/routes/project.$projectId/components/ui/Footer.tsx

@@ -1,10 +1,14 @@
 import React from "react";
 import "~/styles/footer.css";
+import copyright from "~/styles/images/copyright.svg";
 
 export const Footer: React.FC = () => {
   return (
     <footer>
-      <div className="fake-copyright">© Parrit 2025</div>
+      <div className="fake-copyright flex items-center space-x-1">
+        <img className="h-2 w-2 inline-block" src={copyright} />
+        <span>Parrit 2025</span>
+      </div>
       <div className="footer-links">
         <a
           target="_blank"