From 9d5fb821c75dd2f0c0d3da6fb427db966d3c7358 Mon Sep 17 00:00:00 2001
From: tranminhquang <tranminhquang4421@gmail.com>
Date: Tue, 15 Jul 2025 13:29:16 +0700
Subject: feat: integrate @t3-oss/env for environment variable management
 across the application

---
 apps/web/src/components/development-debug.tsx | 3 ++-
 apps/web/src/components/header.tsx            | 3 ++-
 2 files changed, 4 insertions(+), 2 deletions(-)

(limited to 'apps/web/src/components')

diff --git a/apps/web/src/components/development-debug.tsx b/apps/web/src/components/development-debug.tsx
index 3b891e38..62e606ff 100644
--- a/apps/web/src/components/development-debug.tsx
+++ b/apps/web/src/components/development-debug.tsx
@@ -7,9 +7,10 @@ import { usePlaybackStore } from "@/stores/playback-store";
 import { Button } from "@/components/ui/button";
 import { useState } from "react";
 import type { TimelineElement } from "@/types/timeline";
+import { env } from "@/env";
 
 // Only show in development
-const SHOW_DEBUG_INFO = process.env.NODE_ENV === "development";
+const SHOW_DEBUG_INFO = env.NODE_ENV === "development";
 
 interface ActiveElement {
   element: TimelineElement;
diff --git a/apps/web/src/components/header.tsx b/apps/web/src/components/header.tsx
index bfe314d6..455e0140 100644
--- a/apps/web/src/components/header.tsx
+++ b/apps/web/src/components/header.tsx
@@ -8,6 +8,7 @@ import { useSession } from "@opencut/auth/client";
 import { getStars } from "@/lib/fetch-github-stars";
 import { useEffect, useState } from "react";
 import Image from "next/image";
+import { env } from "@/env";
 
 export function Header() {
   const { data: session } = useSession();
@@ -40,7 +41,7 @@ export function Header() {
           Contributors
         </Button>
       </Link>
-      {process.env.NODE_ENV === "development" ? (
+      {env.NODE_ENV === "development" ? (
         <Link href="/projects">
           <Button size="sm" className="text-sm ml-4">
             Projects
-- 
cgit v1.3.1