fix(social): add social page

Author: chiptus

src/components/PageTitle/PageTitle.tsx

@@ -3,23 +3,6 @@ import { Helmet } from "react-helmet-async";
 const DEFAULT_TITLE = "UpLine";
 const TITLE_SEPARATOR = " - ";
 
-/**
- * Utility function to build title from parts
- */
-export function buildTitle(title?: string, prefix?: string): string {
-  const parts = [DEFAULT_TITLE];
-
-  if (title) {
-    parts.unshift(title);
-  }
-
-  if (prefix) {
-    parts.unshift(prefix);
-  }
-
-  return parts.join(TITLE_SEPARATOR);
-}
-
 /**
  * Component to set the page title and meta tags using Helmet
  */
@@ -31,7 +14,6 @@ interface PageTitleProps {
 
 export function PageTitle({ title, prefix, description }: PageTitleProps) {
   const fullTitle = buildTitle(title, prefix);
-
   return (
     <Helmet>
       <title>{fullTitle}</title>
@@ -43,3 +25,44 @@ export function PageTitle({ title, prefix, description }: PageTitleProps) {
     </Helmet>
   );
 }
+
+/**
+ * Get environment prefix based on current hostname
+ */
+function getEnvironmentPrefix(): string | undefined {
+  if (typeof window === "undefined") return undefined;
+
+  const hostname = window.location.hostname;
+
+  if (hostname === "localhost" || hostname === "127.0.0.1") {
+    return "LOCAL";
+  }
+
+  if (!hostname.includes("getupline.com")) {
+    return "DEV";
+  }
+
+  return undefined;
+}
+
+/**
+ * Utility function to build title from parts
+ */
+function buildTitle(title?: string, prefix?: string): string {
+  const parts = [DEFAULT_TITLE];
+
+  if (title) {
+    parts.unshift(title);
+  }
+
+  if (prefix) {
+    parts.unshift(prefix);
+  }
+
+  const envPrefix = getEnvironmentPrefix();
+  if (envPrefix) {
+    parts.unshift(envPrefix);
+  }
+
+  return parts.join(TITLE_SEPARATOR);
+}

src/pages/EditionView/MainTabNavigation.tsx

@@ -1,5 +1,5 @@
 import { cn } from "@/lib/utils";
-import { Calendar, List, Info } from "lucide-react";
+import { Calendar, List, Info, MessageSquare } from "lucide-react";
 import { NavLink } from "react-router-dom";
 import { useFestivalEdition } from "@/contexts/FestivalEditionContext";
 
@@ -30,12 +30,12 @@ const TAB_CONFIG = {
     shortLabel: "Info",
     disabled: false,
   },
-  // social: {
-  //   icon: MessageSquare,
-  //   label: "Social",
-  //   shortLabel: "Social",
-  //   disabled: true,
-  // },
+  social: {
+    icon: MessageSquare,
+    label: "Social",
+    shortLabel: "Social",
+    disabled: false,
+  },
 } as const;
 
 export function MainTabNavigation() {