feat: cleanup

Author: izadoesdev

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

@@ -158,7 +158,6 @@ export function OrganizationProvider({
 	if (requiresOrg && !activeOrganization) {
 		return (
 			<div className="flex h-full flex-col">
-				{/* Header */}
 				<div className="border-b bg-gradient-to-r from-background via-background to-muted/20">
 					<div className="flex flex-col justify-between gap-3 p-4 sm:flex-row sm:items-center sm:gap-0 sm:px-6 sm:py-6">
 						<div className="min-w-0 flex-1">
@@ -228,7 +227,6 @@ export function OrganizationProvider({
 
 	return (
 		<div className="flex h-full flex-col">
-			{/* Header */}
 			<div className="border-b bg-gradient-to-r from-background via-background to-muted/20">
 				<div className="flex flex-col justify-between gap-3 p-4 sm:flex-row sm:items-center sm:gap-0 sm:px-6 sm:py-6">
 					<div className="min-w-0 flex-1">
@@ -272,7 +270,6 @@ export function OrganizationProvider({
 				onClose={() => setShowCreateDialog(false)}
 			/>
 
-			{/* Invite Member Dialog */}
 			{activeOrganization && (
 				<InviteMemberDialog
 					onOpenChange={setShowInviteMemberDialog}
@@ -281,7 +278,6 @@ export function OrganizationProvider({
 				/>
 			)}
 
-			{/* API Key Creation Dialog */}
 			{activeOrganization && (
 				<ApiKeyCreateDialog
 					onOpenChange={setShowCreateApiKeyDialog}

apps/dashboard/app/(main)/organizations/invitations/invitations-view.tsx

@@ -14,7 +14,6 @@ import type {
 	ActiveOrganization,
 	Organization,
 } from '@/hooks/use-organizations';
-import type { InvitationTab } from '@/stores/jotai/organizationAtoms';
 import { InvitationList } from './invitation-list';
 
 function InvitationsSkeleton() {

apps/dashboard/app/(main)/organizations/settings/danger/danger-zone-settings.tsx

@@ -71,10 +71,8 @@ export function DangerZoneSettings({ organization }: DangerZoneSettingsProps) {
 					</div>
 				</CardHeader>
 				<CardContent className="space-y-6">
-					{/* Transfer Assets Section */}
 					<TransferAssets organizationId={organization.id} />
 
-					{/* Delete Organization Section */}
 					<div className="rounded border border-destructive/20 bg-destructive/5 p-4">
 						<div className="flex items-start justify-between">
 							<div className="flex-1">
@@ -100,7 +98,6 @@ export function DangerZoneSettings({ organization }: DangerZoneSettingsProps) {
 				</CardContent>
 			</Card>
 
-			{/* Delete Confirmation Dialog */}
 			<AlertDialog onOpenChange={setShowDeleteDialog} open={showDeleteDialog}>
 				<AlertDialogContent>
 					<AlertDialogHeader>

apps/dashboard/app/(main)/organizations/settings/danger/transfer-assets.tsx

@@ -3,6 +3,7 @@
 import { ArrowRightIcon, BuildingsIcon, UserIcon } from '@phosphor-icons/react';
 import { useState } from 'react';
 import { toast } from 'sonner';
+import { FaviconImage } from '@/components/analytics/favicon-image';
 import { Button } from '@/components/ui/button';
 import {
 	Card,
@@ -165,9 +166,17 @@ export function TransferAssets({ organizationId }: { organizationId: string }) {
 									: 'animate-[slide-left_1s_ease-in-out]'
 							}`}
 						>
-							<div className="rounded bg-primary/20 p-1">
-								<UserIcon className="h-3 w-3 text-primary" size={12} />
-							</div>
+							<FaviconImage
+								altText={`${transferringWebsite.name} favicon`}
+								className="rounded"
+								domain={transferringWebsite.domain}
+								fallbackIcon={
+									<div className="rounded bg-primary/20 p-1">
+										<UserIcon className="h-3 w-3 text-primary" size={12} />
+									</div>
+								}
+								size={16}
+							/>
 							<div className="min-w-0">
 								<p className="truncate font-medium text-foreground text-xs">
 									{transferringWebsite.name}
@@ -212,7 +221,7 @@ export function TransferAssets({ organizationId }: { organizationId: string }) {
 					</CardHeader>
 					<CardContent className="pt-0">
 						<WebsiteSelector
-							onSelectWebsite={setSelectedWebsite}
+							onSelectWebsiteAction={setSelectedWebsite}
 							selectedWebsite={selectedWebsite}
 							websites={personalWebsites}
 						/>
@@ -257,7 +266,7 @@ export function TransferAssets({ organizationId }: { organizationId: string }) {
 					</CardHeader>
 					<CardContent className="pt-0">
 						<WebsiteSelector
-							onSelectWebsite={setSelectedWebsite}
+							onSelectWebsiteAction={setSelectedWebsite}
 							selectedWebsite={selectedWebsite}
 							websites={organizationWebsites}
 						/>

apps/dashboard/app/(main)/organizations/settings/danger/website-selector.tsx

@@ -2,6 +2,7 @@
 
 import type { Website } from '@databuddy/shared';
 import { GlobeIcon } from '@phosphor-icons/react';
+import { FaviconImage } from '@/components/analytics/favicon-image';
 import { cn } from '@/lib/utils';
 
 function WebsiteCard({
@@ -24,9 +25,17 @@ function WebsiteCard({
 			onClick={onClick}
 			type="button"
 		>
-			<div className="flex-shrink-0 rounded bg-primary/10 p-1">
-				<GlobeIcon className="h-3 w-3 text-primary" size={12} />
-			</div>
+			<FaviconImage
+				altText={`${website.name} favicon`}
+				className="flex-shrink-0 rounded"
+				domain={website.domain}
+				fallbackIcon={
+					<div className="rounded bg-primary/10 p-1">
+						<GlobeIcon className="h-3 w-3 text-primary" size={12} />
+					</div>
+				}
+				size={16}
+			/>
 			<div className="min-w-0 flex-1">
 				<p className="truncate font-medium text-foreground text-xs">
 					{website.name}
@@ -42,11 +51,11 @@ function WebsiteCard({
 export function WebsiteSelector({
 	websites,
 	selectedWebsite,
-	onSelectWebsite,
+	onSelectWebsiteAction,
 }: {
 	websites: Website[];
 	selectedWebsite: string | null;
-	onSelectWebsite: (id: string | null) => void;
+	onSelectWebsiteAction: (id: string | null) => void;
 }) {
 	return (
 		<div className="max-h-48 space-y-1 overflow-y-auto p-1">
@@ -55,7 +64,7 @@ export function WebsiteSelector({
 					<WebsiteCard
 						key={website.id}
 						onClick={() =>
-							onSelectWebsite(
+							onSelectWebsiteAction(
 								website.id === selectedWebsite ? null : website.id
 							)
 						}