added browser rendering

2 files changed, 28 insertions, 0 deletions

diff --git a/apps/web/src/components/dev/SessionProviderWrapper.tsx b/apps/web/src/components/dev/SessionProviderWrapper.tsx
new file mode 100644
index 00000000..71f77886
--- /dev/null
+++ b/apps/web/src/components/dev/SessionProviderWrapper.tsx
@@ -0,0 +1,12 @@
+import { SessionProvider } from "next-auth/react";
+import React from "react";
+
+function SessionProviderWrapper({ children }: { children: React.ReactNode }) {
+  if (typeof window === "undefined") {
+    return <>{children}</>;
+  } else {
+    return <SessionProvider>{children}</SessionProvider>;
+  }
+}
+
+export default SessionProviderWrapper;
diff --git a/apps/web/src/components/dev/tailwindindicator.tsx b/apps/web/src/components/dev/tailwindindicator.tsx
new file mode 100644
index 00000000..fd70276d
--- /dev/null
+++ b/apps/web/src/components/dev/tailwindindicator.tsx
@@ -0,0 +1,16 @@
+export function TailwindIndicator() {
+  if (process.env.NODE_ENV === "production") return null;
+
+  return (
+    <div>
+      <div className="fixed bottom-1 left-1 z-[999] flex size-6 items-center justify-center rounded-full border-2 bg-white p-3 font-mono text-xs text-black">
+        <div className="block sm:hidden">xs</div>
+        <div className="hidden sm:block md:hidden">sm</div>
+        <div className="hidden md:block lg:hidden">md</div>
+        <div className="hidden lg:block xl:hidden">lg</div>
+        <div className="hidden xl:block 2xl:hidden">xl</div>
+        <div className="hidden 2xl:block">2xl</div>
+      </div>
+    </div>
+  );
+}