From 0a87a7293181f8a2d19311ed12ae0fb55198ff43 Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Thu, 2 Oct 2025 14:08:04 +0000
Subject: [PATCH] Refactor sort UI

---
 src/components/upload/EntityPhotoGallery.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/upload/EntityPhotoGallery.tsx b/src/components/upload/EntityPhotoGallery.tsx
index ac260998..6939738e 100644
--- a/src/components/upload/EntityPhotoGallery.tsx
+++ b/src/components/upload/EntityPhotoGallery.tsx
@@ -1,5 +1,5 @@
 import { useState, useEffect } from 'react';
-import { Camera, Upload, LogIn, Settings } from 'lucide-react';
+import { Camera, Upload, LogIn, Settings, ArrowUpDown } from 'lucide-react';
 import { Button } from '@/components/ui/button';
 import { Card, CardContent } from '@/components/ui/card';
 import {
@@ -173,7 +173,7 @@ export function EntityPhotoGallery({
         {/* Sort Dropdown */}
         {photos.length > 0 && (
           <div className="flex items-center gap-2">
-            <span className="text-sm text-muted-foreground">Sort by:</span>
+            <ArrowUpDown className="w-4 h-4 text-muted-foreground" />
             <Select value={sortBy} onValueChange={(value: 'newest' | 'oldest') => setSortBy(value)}>
               <SelectTrigger className="w-full sm:w-[180px]">
                 <SelectValue />