File transfer

resources/scripts/addons/advanced-admin/revisions/RestoreModal.tsx

@@ -0,0 +1,52 @@
+/**
+ * Restore Modal — confirmation before overwriting current file
+ * Ball Studios <https://git.balls.studio>
+ */
+
+import React, { useState } from 'react';
+import http from '@/api/http';
+
+interface Props {
+    serverUuid: string;
+    revision: { id: number; revision_number: number; change_summary: string };
+    onClose: () => void;
+    onRestored: () => void;
+}
+
+export default function RestoreModal({ serverUuid, revision, onClose, onRestored }: Props) {
+    const [loading, setLoading] = useState(false);
+    const [error, setError]     = useState<string | null>(null);
+
+    const handleRestore = async () => {
+        setLoading(true);
+        setError(null);
+        try {
+            await http.post(`/api/client/servers/${serverUuid}/addons/files/revisions/${revision.id}/restore`);
+            onRestored();
+        } catch (e: any) {
+            setError(e?.response?.data?.errors?.[0]?.detail ?? 'Restore failed.');
+        } finally {
+            setLoading(false);
+        }
+    };
+
+    return (
+        <div className='addon-modal-overlay' role='dialog' aria-modal='true'>
+            <div className='addon-modal'>
+                <div className='addon-modal-icon'>🔄</div>
+                <h3 className='addon-modal-title'>Restore Revision #{revision.revision_number}?</h3>
+                <p className='addon-modal-body'>
+                    This will overwrite the current file with revision #{revision.revision_number}.<br />
+                    <em>{revision.change_summary}</em>
+                </p>
+                {error && <p className='addon-error'>{error}</p>}
+                <div className='addon-modal-actions'>
+                    <button className='addon-btn addon-btn-secondary' onClick={onClose} disabled={loading}>Cancel</button>
+                    <button className='addon-btn addon-btn-primary' onClick={handleRestore} disabled={loading}>
+                        {loading ? 'Restoring…' : 'Restore'}
+                    </button>
+                </div>
+            </div>
+        </div>
+    );
+}