kutesir/Kisani
1
0
Fork 0
Code Issues 4 Pull Requests Actions Packages Projects Releases Wiki Activity

feat: Kisani UI overhaul — brand identity, gallery, visual polish

Browse Source 
- Rename app to Kisani (CFBundleDisplayName, xcodeproj → Kisani.xcodeproj)
- BackupView: kisani. wordmark + SwiftUI-drawn server logo mark (no asset,
  adaptive ink/bg), 206pt progress ring with active-state glow, 4-page
  swipeable ring (progress/pending/failed/uploaded), 4-metric stats strip,
  friendly NAS card (Home Server label), hamburger → AppMenuView sheet
- GalleryView: new NAS + local photo grid with source picker chip, 3-col
  lazy grid, ThumbnailCache, sync-status dots (green = backed up)
- MainTabView: Browse tab → Gallery tab; tab bar uses ultraThinMaterial
  blur background (systemGray3 icons, 9.5pt labels)
- All app icon sizes regenerated from 1024pt source via sips
- LANMonitor: nasReachable Bool?, checkNASReachability(host:port:) TCP ping
- project.yml: photo library usage description updated to Kisani branding

Co-Authored-By: Kutesir <kutesir@provoc.ug>
Co-Authored-By: Sentry <sentry@provoc.ug>
This commit is contained in:
Robin Kutesa
2026-05-17 11:17:13 +03:00
parent 6cad8d9d6c
commit 59bdad803f
32 changed files with 983 additions and 227 deletions
Download Patch File Download Diff File Expand all files Collapse all files

61
Shared/Components/FolderRow.swift
View File

@@ -4,41 +4,50 @@ struct FolderRow: View {
let item: NASItem
let isSelected: Bool
let onTap: () -> Void
var onNavigate: (() -> Void)? = nil
var body: some View {
Button(action: onTap) {
HStack(spacing: 12) {
Image(systemName: item.isDirectory ? "folder.fill" : "doc")
.font(.system(size: 14, weight: .regular))
.foregroundStyle(isSelected ? AppTheme.inkInverse : AppTheme.inkSecondary)
.frame(width: 22)
HStack(spacing: 0) {
Button(action: onTap) {
HStack(spacing: 12) {
Image(systemName: item.isDirectory ? "folder.fill" : "doc")
.font(.system(size: 14, weight: .regular))
.foregroundStyle(isSelected ? AppTheme.inkInverse : AppTheme.inkSecondary)
.frame(width: 22)
Text(item.name)
.font(.system(size: 15, weight: isSelected ? .medium : .regular))
.foregroundStyle(isSelected ? AppTheme.inkInverse : AppTheme.ink)
.lineLimit(1)
Text(item.name)
.font(.system(size: 15, weight: isSelected ? .medium : .regular))
.foregroundStyle(isSelected ? AppTheme.inkInverse : AppTheme.ink)
.lineLimit(1)
Spacer()
Spacer()
if isSelected {
Image(systemName: "checkmark")
.font(.system(size: 12, weight: .semibold))
.foregroundStyle(AppTheme.inkInverse)
} else if item.isDirectory {
if isSelected {
Image(systemName: "checkmark")
.font(.system(size: 12, weight: .semibold))
.foregroundStyle(AppTheme.inkInverse)
}
}
.padding(.leading, 16)
.padding(.trailing, item.isDirectory && onNavigate != nil ? 8 : 16)
.padding(.vertical, 12)
.background(isSelected ? AppTheme.ink : Color.clear)
.animation(.spring(response: 0.2, dampingFraction: 0.8), value: isSelected)
}
.buttonStyle(ScaleButtonStyle())
if item.isDirectory, let navigate = onNavigate {
Button(action: navigate) {
Image(systemName: "chevron.right")
.font(.system(size: 12, weight: .medium))
.foregroundStyle(AppTheme.inkQuaternary)
.foregroundStyle(isSelected ? AppTheme.inkInverse : AppTheme.inkQuaternary)
.padding(.horizontal, 14)
.padding(.vertical, 12)
.background(isSelected ? AppTheme.ink : Color.clear)
.animation(.spring(response: 0.2, dampingFraction: 0.8), value: isSelected)
}
.buttonStyle(ScaleButtonStyle())
}
.padding(.horizontal, 16)
.padding(.vertical, 12)
.background(
isSelected
? AppTheme.ink
: Color.clear
)
.animation(.spring(response: 0.2, dampingFraction: 0.8), value: isSelected)
}
.buttonStyle(ScaleButtonStyle())
}
}