Cardoza_Construction/TasGrid
3
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

added a help guide

Browse Source
This commit is contained in:
Timothy Cardoza
2026-02-23 18:27:25 -06:00
parent 759c873b63
commit 063bb7d1f9
5 changed files with 431 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/SettingsView.tsx
+22 -2
View File
@@ -2,7 +2,7 @@ import { type Component, For, Show, createSignal, lazy, Suspense } from "solid-j
import { ThemeToggle } from "../components/ThemeToggle";
import { store, restoreTask, deleteTaskPermanently, addTemplate, removeTemplate, updateTemplate, upsertTagDefinition, removeTagDefinition, renameTagDefinition, addShareRule, removeShareRule, updateShareRule, createBucket, updateBucket, deleteBucket, toggleBucketSubscription } from "@/store";
import { useTheme } from "@/components/ThemeProvider";
import { Trash2, Undo2, ArrowLeftRight, Hash, Copy, Plus, ChevronDown, ChevronRight, Type, Share2, Users, Tag, Upload, Box, Edit2, Archive } from "lucide-solid";
import { Trash2, Undo2, ArrowLeftRight, Hash, Copy, Plus, ChevronDown, ChevronRight, Type, Share2, Users, Tag, Upload, Box, Edit2, Archive, HelpCircle } from "lucide-solid";
import { TagPicker } from "@/components/TagPicker";
import { cn } from "@/lib/utils";
import { Button } from "@/components/ui/button";
@@ -15,7 +15,7 @@ import { createEffect } from "solid-js";
const TaskEditor = lazy(() => import("../components/TaskEditor").then(m => ({ default: m.TaskEditor })));
const ImportTool = lazy(() => import("../components/ImportTool").then(m => ({ default: m.ImportTool })));
export const SettingsView: Component = () => {
export const SettingsView: Component<{ setView?: (v: string) => void }> = (props) => {
const { resolvedTheme } = useTheme();
const [isTagsOpen, setIsTagsOpen] = createSignal(false);
const [isTemplatesOpen, setIsTemplatesOpen] = createSignal(false);
@@ -80,6 +80,26 @@ export const SettingsView: Component = () => {
<div class="flex flex-col gap-12">
{/* Resources Category (Mostly for Mobile) */}
<div class="space-y-3 md:hidden">
<h2 class="text-xs font-bold text-muted-foreground/40 uppercase tracking-widest pl-1">Resources</h2>
<button
onClick={() => props.setView ? props.setView("help") : (window as any).setCurrentView?.("help")}
class="w-full p-4 rounded-2xl border border-primary/20 bg-primary/5 shadow-sm flex items-center justify-between group active:scale-[0.98] transition-all"
>
<div class="flex items-center gap-3">
<div class="w-10 h-10 rounded-xl bg-primary/10 flex items-center justify-center text-primary">
<HelpCircle size={20} />
</div>
<div class="text-left">
<h3 class="text-sm font-bold">User Help Guide</h3>
<p class="text-[0.625rem] text-muted-foreground">Learn how to use TaskGrid effectively.</p>
</div>
</div>
<ChevronRight size={16} class="text-muted-foreground group-hover:text-primary transition-colors" />
</button>
</div>
{/* Sharing Category */}
<div class="space-y-3">
<h2 class="text-xs font-bold text-muted-foreground/40 uppercase tracking-widest pl-1">Sharing</h2>