Feat/public crews

package.json

@@ -24,8 +24,10 @@
     "@radix-ui/react-select": "^2.1.1",
     "@radix-ui/react-separator": "^1.1.0",
     "@radix-ui/react-slot": "^1.1.0",
+    "@radix-ui/react-switch": "^1.1.1",
     "@radix-ui/react-tabs": "^1.1.0",
     "@radix-ui/react-toast": "^1.2.1",
+    "@radix-ui/react-tooltip": "^1.1.3",
     "@stacks/connect": "^7.7.1",
     "@stacks/connect-react": "^22.4.2",
     "@stacks/connect-ui": "^6.4.1",

src/app/dashboard/page.tsx

@@ -1,10 +1,13 @@
 import React from "react";
 import Dashboard from "@/components/dashboard/Dashboard";
+import { SidebarProvider } from "@/components/ui/sidebar";
 
 const page = () => {
   return (
     <div className="min-h-[80vh]">
-      <Dashboard />
+      <SidebarProvider>
+        <Dashboard />
+      </SidebarProvider>
     </div>
   );
 };

src/app/fetch/route.ts

@@ -9,7 +9,7 @@ export async function GET(request: Request) {
   }
 
   try {
-    const response = await fetch(`https://api.hiro.so/extended/v1/address/${address}/balances`, {
+    const response = await fetch(`https://cache.aibtc.dev/hiro-api/extended/v1/address/${address}/balances`, {
       headers: {
         "Accept": "application/json",
         "X-API-Key": process.env.HIRO_API_KEY || "",

src/app/globals.css

@@ -54,7 +54,7 @@ body {
     --chart-2: 231 95% 41%; /* aibtc.blue.500 */
     --chart-3: 220 2% 35%; /* aibtc.gray.500 */
     --chart-4: 21 100% 70%; /* aibtc.orange.300 */
-    --chart-5: 231 95% 60%; /* aibtc.blue.300 */
+    --chart-5: 231 95% 60%; /* aibtc.blue.300 */ --sidebar-background: 0 0% 98%; --sidebar-foreground: 240 5.3% 26.1%; --sidebar-primary: 240 5.9% 10%; --sidebar-primary-foreground: 0 0% 98%; --sidebar-accent: 240 4.8% 95.9%; --sidebar-accent-foreground: 240 5.9% 10%; --sidebar-border: 220 13% 91%; --sidebar-ring: 217.2 91.2% 59.8%;
   }
 
   .dark {
@@ -92,7 +92,7 @@ body {
     --chart-2: 231 95% 45%; /* darker blue */
     --chart-3: 220 2% 25%; /* darker gray */
     --chart-4: 21 100% 65%; /* lighter orange */
-    --chart-5: 231 95% 65%; /* lighter blue */
+    --chart-5: 231 95% 65%; /* lighter blue */ --sidebar-background: 240 5.9% 10%; --sidebar-foreground: 240 4.8% 95.9%; --sidebar-primary: 224.3 76.3% 48%; --sidebar-primary-foreground: 0 0% 100%; --sidebar-accent: 240 3.7% 15.9%; --sidebar-accent-foreground: 240 4.8% 95.9%; --sidebar-border: 240 3.7% 15.9%; --sidebar-ring: 217.2 91.2% 59.8%;
   }
 }
 

src/app/public-crews/layout.tsx

@@ -0,0 +1,26 @@
+import React from "react";
+import { Metadata } from "next";
+import { Nav } from "@/components/reusables/Navbar";
+import { Footer } from "@/components/reusables/Footer";
+import { Toaster } from "@/components/ui/toaster";
+
+export const metadata: Metadata = {
+  title: "Public Crews",
+};
+
+export default function DashboardLayout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  return (
+    <>
+      <div>
+        <Nav />
+        {children}
+        <Footer />
+        <Toaster />
+      </div>
+    </>
+  );
+}

src/app/public-crews/page.tsx

@@ -0,0 +1,11 @@
+import React from "react";
+import PublicCrews from "@/components/public-crew/PublicCrews";
+const page = () => {
+  return (
+    <div>
+      <PublicCrews />
+    </div>
+  );
+};
+
+export default page;

src/components/crews/CrewForm.tsx

@@ -6,12 +6,14 @@ import { Button } from "@/components/ui/button";
 import { Input } from "@/components/ui/input";
 import { Label } from "@/components/ui/label";
 import { Textarea } from "@/components/ui/textarea";
+import { Switch } from "@/components/ui/switch";
 import { toast } from "@/hooks/use-toast";
 import { CrewFormProps, Crew } from "@/types/supabase";
 
 export default function CrewForm({ onCrewCreated, onClose }: CrewFormProps) {
   const [crewName, setCrewName] = useState("");
   const [crewDescription, setCrewDescription] = useState("");
+  const [isPublic, setIsPublic] = useState(false);
   const [loading, setLoading] = useState(false);
 
   const handleSubmit = async (e: React.FormEvent) => {
@@ -35,6 +37,7 @@ export default function CrewForm({ onCrewCreated, onClose }: CrewFormProps) {
           name: crewName,
           description: crewDescription,
           profile_id: user.id,
+          is_public: isPublic,
         })
         .select()
         .single();
@@ -46,10 +49,12 @@ export default function CrewForm({ onCrewCreated, onClose }: CrewFormProps) {
         name: data.name,
         description: data.description,
         created_at: data.created_at,
+        is_public: data.is_public,
       };
 
       setCrewName("");
       setCrewDescription("");
+      setIsPublic(false);
       onClose();
       onCrewCreated(newCrew);
       toast({
@@ -90,6 +95,14 @@ export default function CrewForm({ onCrewCreated, onClose }: CrewFormProps) {
           rows={3}
         />
       </div>
+      <div className="flex items-center space-x-2">
+        <Switch
+          id="is-public"
+          checked={isPublic}
+          onCheckedChange={setIsPublic}
+        />
+        <Label htmlFor="is-public">Make crew public</Label>
+      </div>
       <Button type="submit" disabled={loading}>
         {loading ? "Creating..." : "Create Crew"}
       </Button>