Function ImportDatabaseModal

src/components/modals/ImportDatabaseModal.tsx:27–276

({
  isOpen,
  onClose,
  connectionId,
  databaseName,
  filePath,
  onSuccess,
}: ImportDatabaseModalProps)

}

export const ImportDatabaseModal = ({
  isOpen,
  onClose,
  connectionId,
  databaseName,
  filePath,
  onSuccess,
}: ImportDatabaseModalProps) => {
  const { t } = useTranslation();
  const { activeSchema } = useDatabase();
  const { showAlert } = useAlert();
  const [isImporting, setIsImporting] = useState(false);
  const [progress, setProgress] = useState<ImportProgress | null>(null);
  const [error, setError] = useState<string | null>(null);
  const [success, setSuccess] = useState(false);
  const [elapsedTime, setElapsedTime] = useState(0); // in seconds
  const [startTime, setStartTime] = useState<number | null>(null);

  const startImport = useCallback(async () => {
    setIsImporting(true);
    setError(null);
    setSuccess(false);
    setStartTime(Date.now());
    setElapsedTime(0);

    try {
      await invoke("import_database", {
        connectionId,
        filePath,
        ...(activeSchema ? { schema: activeSchema } : {}),
      });

      setSuccess(true);
      setIsImporting(false);

      if (onSuccess) {
        onSuccess();
      }

      // Auto-close after 2 seconds on success
      setTimeout(() => {
        onClose();
      }, 2000);
    } catch (e) {
      const errorMsg = String(e);
      setError(errorMsg);
      setIsImporting(false);

      if (!errorMsg.includes("cancelled")) {
        showAlert(t("dump.importFailure") + ": " + errorMsg, {
          kind: "error",
        });
      }
    }
  }, [connectionId, filePath, activeSchema, onSuccess, onClose, t, showAlert]);

  useEffect(() => {
    if (!isOpen) {