From 062e89fcba7be2a7cf05a7036673906f1cd50638 Mon Sep 17 00:00:00 2001 From: "santasri.pachhal" Date: Wed, 22 Jul 2026 18:47:00 +0530 Subject: [PATCH] refactor(ui): update branding assets and clean up repair proof UI --- public/color_logo.svg | 5 ++ public/logo.svg | 5 ++ .../TicketClassDetectionPreview.tsx | 55 +----------------- .../repair/RepairSubmittedBanner.tsx | 27 --------- src/components/LogoWrapper.tsx | 57 ------------------- src/components/app-sidebar.tsx | 13 +++-- src/components/auth/AuthBackground.tsx | 36 ++++++------ 7 files changed, 35 insertions(+), 163 deletions(-) create mode 100644 public/color_logo.svg create mode 100644 public/logo.svg delete mode 100644 src/app/(modules)/ticket/[ticketId]/components/repair/RepairSubmittedBanner.tsx delete mode 100644 src/components/LogoWrapper.tsx diff --git a/public/color_logo.svg b/public/color_logo.svg new file mode 100644 index 0000000..9801dfd --- /dev/null +++ b/public/color_logo.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/public/logo.svg b/public/logo.svg new file mode 100644 index 0000000..aa5515e --- /dev/null +++ b/public/logo.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/src/app/(modules)/ticket/[ticketId]/components/TicketClassDetectionPreview.tsx b/src/app/(modules)/ticket/[ticketId]/components/TicketClassDetectionPreview.tsx index 1be4b2e..14e9cac 100644 --- a/src/app/(modules)/ticket/[ticketId]/components/TicketClassDetectionPreview.tsx +++ b/src/app/(modules)/ticket/[ticketId]/components/TicketClassDetectionPreview.tsx @@ -1,13 +1,7 @@ 'use client'; import { useEffect, useMemo, useState } from 'react'; -import { - AlertTriangle, - ChevronLeft, - ChevronRight, - ImageIcon, - Trash2, -} from 'lucide-react'; +import { AlertTriangle, ChevronLeft, ChevronRight, Trash2 } from 'lucide-react'; import DetectionLocationMap from '@/components/map/detectionLocationMap'; import { Badge } from '@/components/ui/badge'; @@ -16,15 +10,12 @@ import { Skeleton } from '@/components/ui/skeleton'; import AnnotatedDetectionImage from '@/components/video/annotatedDetectionImage'; import { getDefectVisual } from '@/constants/defectVisualConfig'; import { cn } from '@/lib/utils'; -import type { DetectionRepairProof } from '@/types'; import { useDiscardDetectionMutation, useTicketClassDetectionsQuery, } from '../../hooks/useTicketQueries'; import { DetectionDiscardDialog } from './DetectionDiscardDialog'; -import { RepairProofGallery } from './repair/RepairProofGallery'; -import { RepairSubmittedBanner } from './repair/RepairSubmittedBanner'; interface TicketClassDetectionPreviewProps { ticketId: string; @@ -63,44 +54,6 @@ function DetectionMetadataBar({ ); } -function DetectionRepairProofPanel({ - repairProof, -}: { - repairProof: DetectionRepairProof; -}) { - if (!repairProof.submitted) { - return null; - } - - return ( -
-
- -

Repair Proof

-
- - {repairProof.submitted_at ? ( - - ) : null} - - - -
-

Repair Notes

-

- {repairProof.notes?.trim() || 'No repair notes provided.'} -

-
-
- ); -} - function TicketClassDetectionPreviewSkeleton() { return ( <> @@ -330,12 +283,6 @@ export function TicketClassDetectionPreview({ ]} /> - {activeDetection.repair_proof ? ( - - ) : null} -
- ); -} diff --git a/src/components/LogoWrapper.tsx b/src/components/LogoWrapper.tsx deleted file mode 100644 index b0bd192..0000000 --- a/src/components/LogoWrapper.tsx +++ /dev/null @@ -1,57 +0,0 @@ -import Image from 'next/image'; - -import { cn } from '@/lib/utils'; - -const sizeClasses = { - sm: 'size-8 rounded-lg border-2 p-0.5', - md: 'size-12 rounded-lg border-2 p-1.5', - lg: 'size-28 rounded-lg border-[5px] p-3', -} as const; - -const variantClasses = { - default: 'border-white bg-primary shadow-md', - solid: 'border-white bg-primary', - glass: 'border-primary-foreground bg-primary/85 shadow-md', - sidebar: 'border-0 bg-primary', -} as const; - -type LogoWrapperProps = { - alt?: string; - className?: string; - imageClassName?: string; - priority?: boolean; - size?: keyof typeof sizeClasses; - variant?: keyof typeof variantClasses; -}; - -export function LogoWrapper({ - alt = 'RoadMonitor logo', - className, - imageClassName, - priority = false, - size = 'md', - variant = 'default', -}: LogoWrapperProps) { - return ( - - {alt} - - ); -} diff --git a/src/components/app-sidebar.tsx b/src/components/app-sidebar.tsx index 16044e2..3219b11 100644 --- a/src/components/app-sidebar.tsx +++ b/src/components/app-sidebar.tsx @@ -1,7 +1,7 @@ 'use client'; import * as React from 'react'; import { ChevronRight } from 'lucide-react'; -import { LogoWrapper } from '@/components/LogoWrapper'; +import Image from 'next/image'; import { NavUser } from '@/components/nav-user'; import { filterMenuItems, @@ -97,10 +97,13 @@ export function AppSidebar({ ...props }: React.ComponentProps) { function SidebarBrandControl({ isMobile }: { isMobile: boolean }) { return (
- diff --git a/src/components/auth/AuthBackground.tsx b/src/components/auth/AuthBackground.tsx index 883244e..bae4481 100644 --- a/src/components/auth/AuthBackground.tsx +++ b/src/components/auth/AuthBackground.tsx @@ -1,5 +1,5 @@ -import { LogoWrapper } from '@/components/LogoWrapper'; import { cn } from '@/lib/utils'; +import Image from 'next/image'; const BOKEH_ORBS = [ 'top-[20%] left-[10%] size-[min(18vw,140px)] opacity-[0.14]', @@ -82,24 +82,21 @@ export function AuthBackground({ className }: AuthBackgroundProps) { /> ))} -
-
- - - - Road - - - Monitor - - -
-

+ + +

+

+ Road + Monitor +

+

Map, monitor, and repair road issues with data-driven surface intelligence.

@@ -107,4 +104,3 @@ export function AuthBackground({ className }: AuthBackgroundProps) {
); } -