Dev #3
@@ -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 */}
|
||||||
|
|||||||
Reference in new issue
Block a user