'use client';
import { useState, useEffect, ReactNode } from 'react';
// Simple check - in a real app use a more robust auth method
// We will check against the same server action used for sync to "login"
// But for now, since we only have one password in env, we can just ask for it.
// To keep it simple and consistent with `SyncButton`, we will just store a "loggedIn" state
// after successful validation against the server.
// We need a server action to validate the password without running sync.
// I'll assume we can use `triggerSyncAction` but that triggers a sync.
// Let's create a new action or just use a simple client-side check if we could expose the hash?
// No, never expose secrets.
// Let's add a `verifyPassword` action in `app/actions/auth.ts` first?
// Or just let the component manage the input and pass it to children?
// Detailed Plan said: "Checks if user is authenticated (e.g., via simple client-side state/localStorage)".
// Let's use localStorage 'munger_auth_token' = 'true' (simplified) after a successful check.
// Wait, we need to Verify the password against the server.
// I will create a simple server verify action first.
import { verifyPassword } from '../actions/auth';
export function AuthGuard({ children }: { children: ReactNode }) {
const [isAuthenticated, setIsAuthenticated] = useState(false);
const [loading, setLoading] = useState(true);
const [password, setPassword] = useState('');
const [error, setError] = useState('');
useEffect(() => {
const storedAuth = sessionStorage.getItem('munger_is_authenticated');
if (storedAuth === 'true') {
setIsAuthenticated(true);
}
setLoading(false);
}, []);
const handleLogin = async () => {
setLoading(true);
setError('');
try {
const isValid = await verifyPassword(password);
if (isValid) {
sessionStorage.setItem('munger_is_authenticated', 'true');
sessionStorage.setItem('munger_password', password);
setIsAuthenticated(true);
} else {
setError('Invalid Password');
}
} catch (e) {
setError('Error verifying password');
} finally {
setLoading(false);
}
};
if (loading) return