diff options
| author | Maze Winther <mazewinther@gmail.com> | 2025-07-17 17:14:29 +0200 |
|---|---|---|
| committer | Maze Winther <mazewinther@gmail.com> | 2025-07-17 17:14:29 +0200 |
| commit | bb9befc626db4696b3697d7573d6addc7e58aae7 (patch) | |
| tree | d66b7263ec815b7707cf615aeb2f7e75aaeb1cd9 | |
| parent | fe5b208a188067d902d8660dde9d1f88b2ff60e5 (diff) | |
| download | opencut-bb9befc626db4696b3697d7573d6addc7e58aae7.tar.gz | |
cleanup
| -rw-r--r-- | apps/web/src/app/projects/page.tsx | 29 |
1 files changed, 2 insertions, 27 deletions
diff --git a/apps/web/src/app/projects/page.tsx b/apps/web/src/app/projects/page.tsx index 3717d528..7ac08107 100644 --- a/apps/web/src/app/projects/page.tsx +++ b/apps/web/src/app/projects/page.tsx @@ -245,7 +245,6 @@ export default function ProjectsPage() { isSelectionMode={isSelectionMode} isSelected={selectedProjects.has(project.id)} onSelect={handleSelectProject} - searchQuery={searchQuery} /> ))} </div> @@ -266,7 +265,6 @@ interface ProjectCardProps { isSelectionMode?: boolean; isSelected?: boolean; onSelect?: (projectId: string, checked: boolean) => void; - searchQuery?: string; } function ProjectCard({ @@ -274,7 +272,6 @@ function ProjectCard({ isSelectionMode = false, isSelected = false, onSelect, - searchQuery, }: ProjectCardProps) { const [isDropdownOpen, setIsDropdownOpen] = useState(false); const [isDeleteDialogOpen, setIsDeleteDialogOpen] = useState(false); @@ -363,7 +360,7 @@ function ProjectCard({ <CardContent className="px-0 pt-5 flex flex-col gap-1"> <div className="flex items-start justify-between"> <h3 className="font-medium text-sm leading-snug group-hover:text-foreground/90 transition-colors line-clamp-2"> - <Highlight text={project.name} query={searchQuery} /> + {project.name} </h3> {!isSelectionMode && ( <DropdownMenu @@ -470,7 +467,7 @@ function ProjectCard({ <CardContent className="px-0 pt-5 flex flex-col gap-1"> <div className="flex items-start justify-between"> <h3 className="font-medium text-sm leading-snug group-hover:text-foreground/90 transition-colors line-clamp-2"> - <Highlight text={project.name} query={searchQuery} /> + {project.name} </h3> <DropdownMenu open={isDropdownOpen} @@ -558,28 +555,6 @@ function ProjectCard({ ); } -function Highlight({ text, query }: { text: string; query?: string }) { - if (!query || query.trim() === "") { - return <span>{text}</span>; - } - - const escapedQuery = query.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"); - const parts = text.split(new RegExp(`(${escapedQuery})`, "gi")); - return ( - <span> - {parts.map((part, i) => - part.toLowerCase() === query.toLowerCase() ? ( - <mark key={i} className="bg-yellow-200 text-black"> - {part} - </mark> - ) : ( - part - ) - )} - </span> - ); -} - function CreateButton({ onClick }: { onClick?: () => void }) { return ( <Button className="flex" onClick={onClick}> |
