ryan/lunarfront-app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add store logo and app icon uploads to settings page

Browse Source 
AvatarUpload component now supports custom category and placeholder
icon props. Settings page shows two upload circles: Store Logo (for
PDFs/invoices, uses ImageIcon placeholder) and App Icon (for sidebar/
login, uses Building placeholder). Added 'company' to allowed file
entity types.
This commit is contained in:
Ryan Moon
2026-03-29 16:14:08 -05:00
parent 653fff6ce2
commit 8d75586f8b
3 changed files with 26 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
packages/admin/src/routes/_authenticated/settings.tsx
View File

@@ -13,7 +13,7 @@ import { Skeleton } from '@/components/ui/skeleton'
import { Badge } from '@/components/ui/badge'
import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogTrigger } from '@/components/ui/dialog'
import { AvatarUpload } from '@/components/shared/avatar-upload'
import { Save, Plus, Trash2, MapPin, Building } from 'lucide-react'
import { Save, Plus, Trash2, MapPin, Building, ImageIcon } from 'lucide-react'
import { toast } from 'sonner'
interface StoreSettings {
@@ -132,7 +132,21 @@ function SettingsPage() {
</div>
)}
</CardHeader>
<CardContent>
<CardContent className="space-y-6">
{/* Logo upload */}
<div className="flex items-start gap-8">
<div className="text-center space-y-2">
<Label className="text-xs text-muted-foreground">Store Logo</Label>
<AvatarUpload entityType="company" entityId={store.id} size="lg" category="logo" placeholderIcon={ImageIcon} />
<p className="text-[10px] text-muted-foreground">Used on PDFs, invoices, receipts</p>
</div>
<div className="text-center space-y-2">
<Label className="text-xs text-muted-foreground">App Icon</Label>
<AvatarUpload entityType="company" entityId={store.id} size="md" category="icon" placeholderIcon={Building} />
<p className="text-[10px] text-muted-foreground">Sidebar & login screen</p>
</div>
</div>
{editing ? (
<div className="space-y-4">
<div className="grid grid-cols-1 md:grid-cols-2 gap-4">