Its time

src/app/daos/[id]/layout-client.tsx

@@ -112,11 +112,11 @@ export function DAOLayoutClient({ children }: { children: React.ReactNode }) {
             )}
             <div className="mt-3">
               {/* WE NEED TO CHANGE IT BASED ON WHAT THE NAME WILL BE ON MAINNET. AS OF NOW SINCE WE ARE TESTING ON THESE TWO ON STAGING I HAVE ENABLED PARTICIPATION FOR THESE TWO ONLY */}
-              {dao?.name === "FACES" || dao?.name === "CARA5" ? (
+              {dao?.name === "FACES" || dao?.name === "MEDIA2" ? (
                 <DAOChatButton daoId={id} />
               ) : (
                 <Button className="cursor-not-allowed" disabled>
-                  Not available for participation yet.
+                  Participate
                 </Button>
               )}
             </div>

src/app/daos/[id]/proposals/page.tsx

@@ -3,7 +3,7 @@ import { useParams } from "next/navigation";
 import { useQuery } from "@tanstack/react-query";
 import { Suspense } from "react";
 import { Loader2 } from "lucide-react";
-import DAOProposals from "@/components/daos/dao-proposals";
+import DAOProposals from "@/components/daos/proposal/DAOProposal";
 import { fetchProposals } from "@/queries/daoQueries";
 
 export const runtime = "edge";

src/app/globals.css

@@ -6,6 +6,33 @@ body {
   font-family: var(--font-roc-grotesk-regular), Arial, Helvetica, sans-serif;
 }
 
+/* Custom Scrollbar Styles */
+/* For WebKit-based browsers */
+::-webkit-scrollbar {
+  width: 8px;
+  height: 8px;
+}
+
+::-webkit-scrollbar-track {
+  background: hsl(var(--background));
+  border-radius: var(--radius);
+}
+
+::-webkit-scrollbar-thumb {
+  background: hsl(var(--primary));
+  border-radius: var(--radius);
+}
+
+::-webkit-scrollbar-thumb:hover {
+  background: hsl(var(--primary));
+}
+
+/* For Firefox */
+body {
+  scrollbar-width: thin;
+  scrollbar-color: hsl(var(--primary)) hsl(var(--background)); /* Now using primary orange */
+}
+
 @layer utilities {
   .text-balance {
     text-wrap: balance;
@@ -122,7 +149,7 @@ body {
   }
 }
 
-/* Add gradient utilities to match Chakra gradients */
+/* Gradient Utilities to match Chakra gradients */
 @layer utilities {
   .bg-gradient-up {
     background: linear-gradient(

src/components/daos/dao-extensions.tsx

@@ -2,7 +2,7 @@ import React, { useState } from "react";
 import { Button } from "@/components/ui/button";
 import { Badge } from "@/components/ui/badge";
 import type { Extension } from "@/types/supabase";
-import { CopyButton } from "./dao-proposals";
+import CopyButton from "./proposal/CopyButton";
 
 interface DAOExtensionsProps {
   extensions: Extension[];