Dev #3

Merged
sandrodach merged 30 commits from dev into main 2026-10-25 18:00:10 +01:00
Showing only changes of commit f1d9daca60 - Show all commits
+11 -24
View File
@@ -1,6 +1,5 @@
import React, { useState } from 'react'; import React, { useState } from 'react';
import { import {
ArrowLeft,
Search, Search,
Layers, Layers,
FileText, FileText,
@@ -20,39 +19,27 @@ import {
} from 'lucide-react'; } from 'lucide-react';
interface HelpViewProps { interface HelpViewProps {
onBack: () => void; onBack?: () => void;
} }
type HelpCategory = 'all' | 'workspace' | 'triage' | 'tasks' | 'shortcuts'; type HelpCategory = 'all' | 'workspace' | 'triage' | 'tasks' | 'shortcuts';
export const HelpView: React.FC<HelpViewProps> = ({ onBack }) => { export const HelpView: React.FC<HelpViewProps> = () => {
const [activeCategory, setActiveCategory] = useState<HelpCategory>('all'); const [activeCategory, setActiveCategory] = useState<HelpCategory>('all');
const [searchQuery, setSearchQuery] = useState(''); const [searchQuery, setSearchQuery] = useState('');
return ( return (
<div className="w-full max-w-5xl mx-auto space-y-4 pb-12"> <div className="w-full space-y-4 pb-12">
{/* Header Bar */} {/* Header Bar */}
<div className="panel-surface p-4 flex flex-wrap items-center justify-between gap-3"> <div className="panel-surface p-4 flex flex-wrap items-center justify-between gap-3">
<div className="flex items-center gap-3"> <div>
<button <h1 className="text-base sm:text-lg font-bold text-main flex items-center gap-2">
type="button" <FileText className="w-4 h-4 text-accent" />
onClick={onBack} <span>Hilfe & Dokumentation</span>
className="btn-action text-xs flex items-center gap-1.5" </h1>
title="Zurück zur vorherigen Ansicht" <p className="text-xs text-muted">
> Alles Wichtige zur Tastaturbedienung, Outliner-Notizen, Triage und Zusammenarbeit
<ArrowLeft className="w-3.5 h-3.5" /> </p>
<span>Zurück</span>
</button>
<div>
<h1 className="text-base sm:text-lg font-bold text-main flex items-center gap-2">
<FileText className="w-4 h-4 text-accent" />
<span>Hilfe & Dokumentation</span>
</h1>
<p className="text-xs text-muted">
Alles Wichtige zur Tastaturbedienung, Outliner-Notizen, Triage und Zusammenarbeit
</p>
</div>
</div> </div>
{/* Search */} {/* Search */}