feat: add CreateOrganizationDialog to OrganizationsList and OrganizationProvider

Author: sprett

apps/dashboard/app/(main)/organizations/components/organization-provider.tsx

@@ -210,6 +210,11 @@ export function OrganizationProvider({
 						</div>
 					</div>
 				</main>
+
+				<CreateOrganizationDialog
+					isOpen={showCreateDialog}
+					onClose={() => setShowCreateDialog(false)}
+				/>
 			</div>
 		);
 	}
@@ -252,11 +257,6 @@ export function OrganizationProvider({
 
 			<main className="flex-1 overflow-y-auto">{children}</main>
 
-			<CreateOrganizationDialog
-				isOpen={showCreateDialog}
-				onClose={() => setShowCreateDialog(false)}
-			/>
-
 			{activeOrganization && (
 				<InviteMemberDialog
 					onOpenChange={setShowInviteMemberDialog}

apps/dashboard/app/(main)/organizations/components/organizations-list.tsx

@@ -6,13 +6,15 @@ import {
 	CalendarIcon,
 	CheckIcon,
 	GearIcon,
+	PlusIcon,
 	TrashIcon,
 } from '@phosphor-icons/react';
 import dayjs from 'dayjs';
 import relativeTime from 'dayjs/plugin/relativeTime';
 import Link from 'next/link';
 import { useState } from 'react';
 import { toast } from 'sonner';
+import { CreateOrganizationDialog } from '@/components/organizations/create-organization-dialog';
 import {
 	AlertDialog,
 	AlertDialogAction,
@@ -126,6 +128,7 @@ export function OrganizationsList({
 		id: string;
 		name: string;
 	} | null>(null);
+	const [showCreateDialog, setShowCreateDialog] = useState(false);
 
 	const handleSetActive = (organizationId: string) => {
 		setActiveOrganization(organizationId);
@@ -135,6 +138,10 @@ export function OrganizationsList({
 		setConfirmDelete({ id: organizationId, name: organizationName });
 	};
 
+	const handleCreateOrganization = () => {
+		setShowCreateDialog(true);
+	};
+
 	const confirmDeleteAction = async () => {
 		if (!confirmDelete) {
 			return;
@@ -332,6 +339,11 @@ export function OrganizationsList({
 					</AlertDialogFooter>
 				</AlertDialogContent>
 			</AlertDialog>
+
+			<CreateOrganizationDialog
+				isOpen={showCreateDialog}
+				onClose={() => setShowCreateDialog(false)}
+			/>
 		</div>
 	);
 }