project view updates

This commit is contained in:
Storme-bit
2026-04-18 22:53:03 -07:00
parent ad5ecb5ff3
commit e69ceb44e7
10 changed files with 274 additions and 121 deletions
@@ -6,7 +6,6 @@ export default function ProjectModal({ project, mode, onSave, onDelete, onClose
const [name, setName] = useState(project?.name ?? '');
const [description, setDescription] = useState(project?.description ?? '');
const [colour, setColour] = useState(project?.colour ?? COLOURS[0]);
const [isolated, setIsolated] = useState(project?.isolated === 1);
const inputRef = useRef(null);
useEffect(() => {
@@ -16,7 +15,7 @@ export default function ProjectModal({ project, mode, onSave, onDelete, onClose
function handleSubmit() {
const trimmed = name.trim();
if (!trimmed) return;
onSave({ name: trimmed, description: description.trim() || null, colour, icon: null, isolated });
onSave({ name: trimmed, description: description.trim() || null, colour, icon: null, isolated: 1 });
onClose();
}
@@ -123,33 +122,6 @@ export default function ProjectModal({ project, mode, onSave, onDelete, onClose
</div>
</div>
{/* Project-Only toggle */}
<div className="flex items-center" style={{ justifyContent: 'space-between' }}>
<div className="flex-col" style={{ gap: '2px' }}>
<label className="label-upper">Project Only</label>
<span className="text-xs text-muted">Limit context to this project only</span>
</div>
<button
type="button"
onClick={() => setIsolated(i => !i)}
style={{
width: '40px', height: '22px', borderRadius: '11px', flexShrink: 0,
background: isolated ? 'var(--accent-hover)' : 'var(--bg-elevated)',
border: '1px solid var(--border)',
position: 'relative', cursor: 'pointer', transition: 'background 0.2s',
}}
>
<span style={{
position: 'absolute', top: '3px',
left: isolated ? '20px' : '3px',
width: '14px', height: '14px',
borderRadius: '50%',
background: isolated ? 'white' : 'var(--text-muted)',
transition: 'left 0.2s',
}} />
</button>
</div>
<div className="flex" style={{ gap: '8px', justifyContent: 'flex-end' }}>
<button className="btn-reset text-base text-muted"
onClick={onClose}