alma/Neah
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

courrier multi account restore compose

Browse Source
This commit is contained in:
alma 2025-04-28 11:42:10 +02:00
parent 6e0d9ea262
commit 2e2eda4feb
2 changed files with 0 additions and 183 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

62
app/courrier/debug-tool.tsx
View File

@ -1,62 +0,0 @@
'use client';
import { EmailDebug } from '../components/debug/EmailDebug';
import { useEffect, useState } from 'react';
import { toast } from '@/components/ui/use-toast';
import { Button } from '@/components/ui/button';
import { AlertTriangle } from 'lucide-react';
export default function EmailDebugTool() {
const [isVisible, setIsVisible] = useState(false);
useEffect(() => {
// Check if we have any accounts-related issue by looking for accounts div in the DOM
const checkAccounts = () => {
const accountsElements = document.querySelectorAll('.accounts-dropdown');
const foldersElements = document.querySelectorAll('.folder-item');
if (accountsElements.length === 0 || foldersElements.length === 0) {
console.log('No accounts or folders found in DOM, showing quick fix button');
setIsVisible(true);
} else {
setIsVisible(false);
}
};
// Check after a delay to allow the UI to render
const timer = setTimeout(checkAccounts, 3000);
return () => clearTimeout(timer);
}, []);
const handleQuickFix = async () => {
try {
// Force reload the page with a special param to trigger the fix
window.location.href = '/courrier?fix=folders&t=' + Date.now();
} catch (error) {
console.error('Error applying quick fix:', error);
}
};
if (process.env.NODE_ENV === 'production') {
return null;
}
// Show the quick fix button if necessary
if (isVisible) {
return (
<div className="fixed bottom-4 left-4 z-50">
<Button
size="sm"
variant="destructive"
className="bg-red-600 hover:bg-red-700 text-white shadow-lg flex items-center gap-1"
onClick={handleQuickFix}
>
<AlertTriangle className="h-4 w-4" />
<span>Quick Fix Folders</span>
</Button>
</div>
);
}
return <EmailDebug />;
}

121
app/courrier/loading-fix.tsx
View File

@ -1,121 +0,0 @@
/**
* This is a debugging component that provides troubleshooting tools
* for the email loading process in the Courrier application.
*
* NOTE: This component should only be used during development for debugging purposes.
* It's kept in the codebase for future reference but won't render in production.
*/
'use client';
import { Button } from '@/components/ui/button';
import { RefreshCw, AlertCircle, CheckCircle } from 'lucide-react';
interface LoadingFixProps {
loading: boolean;
isLoadingInitial: boolean;
setLoading: (value: boolean) => void;
setIsLoadingInitial: (value: boolean) => void;
setEmails: (emails: any[]) => void;
loadEmails: () => void;
emails: any[];
}
export function LoadingFix({
loading,
isLoadingInitial,
setLoading,
setIsLoadingInitial,
setEmails,
loadEmails,
emails
}: LoadingFixProps) {
// Don't render anything in production mode
if (process.env.NODE_ENV === 'production') {
return null;
}
const forceResetLoadingStates = () => {
console.log('[DEBUG] Force resetting loading states to false');
// Force both loading states to false
setLoading(false);
setIsLoadingInitial(false);
};
const forceTriggerLoad = () => {
console.log('[DEBUG] Force triggering a new email load');
setLoading(true);
setTimeout(() => {
loadEmails();
}, 100);
};
const resetEmailState = () => {
console.log('[DEBUG] Resetting email state to empty array');
setEmails([]);
setTimeout(() => {
forceTriggerLoad();
}, 100);
};
return (
<div className="fixed bottom-4 right-4 z-50 p-4 bg-white shadow-lg rounded-lg border border-gray-200">
<div className="text-sm font-medium mb-2">Debug Tools</div>
<div className="flex flex-col gap-2">
<div className="flex items-center text-xs">
<span className="inline-block w-28">Loading State:</span>
{loading ? (
<span className="text-yellow-500 flex items-center">
<AlertCircle className="h-3 w-3 mr-1" /> Active
</span>
) : (
<span className="text-green-500 flex items-center">
<CheckCircle className="h-3 w-3 mr-1" /> Inactive
</span>
)}
</div>
<div className="flex items-center text-xs">
<span className="inline-block w-28">Initial Loading:</span>
{isLoadingInitial ? (
<span className="text-yellow-500 flex items-center">
<AlertCircle className="h-3 w-3 mr-1" /> Active
</span>
) : (
<span className="text-green-500 flex items-center">
<CheckCircle className="h-3 w-3 mr-1" /> Inactive
</span>
)}
</div>
<div className="flex items-center text-xs">
<span className="inline-block w-28">Emails Loaded:</span>
<span className={emails.length > 0 ? "text-green-500" : "text-red-500"}>
{emails.length}
</span>
</div>
<Button
variant="outline"
size="sm"
className="text-xs h-8"
onClick={forceResetLoadingStates}
>
Reset Loading States
</Button>
<Button
variant="outline"
size="sm"
className="text-xs h-8"
onClick={forceTriggerLoad}
>
Force Reload Emails
</Button>
<Button
variant="outline"
size="sm"
className="text-xs h-8"
onClick={resetEmailState}
>
Reset Email State
</Button>
</div>
</div>
);
}