feat: open street man integrated

Signed-off-by: Varun Raj <varun@skcript.com>

src/components/assets/missing-location/TagMissingLocationDialog/TagMissingLocationDialog.tsx

@@ -46,19 +46,19 @@ export default function TagMissingLocationDialog({
             Tagging a location will add the location to the selected assets.
           </DialogDescription>
         </DialogHeader>
-        <Tabs defaultValue="search" className="border rounded-lg">
+        <Tabs defaultValue="searchOsm" className="border rounded-lg">
           <TabsList className="flex justify-between">
-            <TabsTrigger value="search">Immich Search</TabsTrigger>
-            <TabsTrigger value="searchOsm">OSM Search</TabsTrigger>
-            <TabsTrigger value="latlong">Lat &amp; Long</TabsTrigger>
-            <TabsTrigger value="maps">Map</TabsTrigger>
+            <TabsTrigger value="searchOsm" className="w-full">Open Street Map</TabsTrigger>
+            <TabsTrigger value="search" className="w-full">Immich Geo</TabsTrigger>
+            <TabsTrigger value="latlong" className="w-full">Lat &amp; Long</TabsTrigger>
+            <TabsTrigger value="maps" className="w-full">Map</TabsTrigger>
           </TabsList>
-          <TabsContent value="search">
-            <TagMissingLocationSearchAndAdd onSubmit={onSubmit} onOpenChange={setOpen} />
-          </TabsContent>
           <TabsContent value="searchOsm">
             <TagMissingLocationOSMSearchAndAdd onSubmit={onSubmit} onOpenChange={setOpen} location={mapPosition} onLocationChange={setMapPosition} />
           </TabsContent>
+          <TabsContent value="search">
+            <TagMissingLocationSearchAndAdd onSubmit={onSubmit} onOpenChange={setOpen} />
+          </TabsContent>
           <TabsContent value="latlong">
             <TagMissingLocationSearchLatLong onSubmit={onSubmit} onOpenChange={setOpen} location={mapPosition} onLocationChange={setMapPosition} />
           </TabsContent>

src/components/assets/missing-location/TagMissingLocationDialog/TagMissingLocationOSMSearchAndAdd.tsx

@@ -132,15 +132,12 @@ export default function TagMissingLocationOSMSearchAndAdd(
 
   return (
     <div className="flex flex-col gap-4 py-4 px-2">
-      <div className="flex flex-col gap-2">
-        <Label>Search Location</Label>
         <Input
           placeholder="Search location"
           onChange={(e) => {
             handleSearch(e.target.value);
           }}
         />
-      </div>
       <div>
         {loading && <Loader />}
         {!loading && searchedPlaces && searchedPlaces.length === 0 && (
@@ -161,7 +158,7 @@ export default function TagMissingLocationOSMSearchAndAdd(
                 )}
               >
                 <div>
-                  <p>{place.name}</p>
+                  <p className="text-sm">{place.name}</p>
                   <span className="text-xs text-gray-600">
                     {place.latitude}, {place.longitude}
                   </span>
@@ -176,11 +173,11 @@ export default function TagMissingLocationOSMSearchAndAdd(
       </div>
       <div className="self-end">
         <Button
-          variant="outline"
+          variant="default"
           onClick={handleSubmit}
           disabled={!selectedPlace || submitting}
         >
-          Add New Location
+          Tag Location
         </Button>
       </div>
     </div>

src/components/assets/missing-location/TagMissingLocationDialog/TagMissingLocationSearchAndAdd.tsx

@@ -96,7 +96,6 @@ export default function TagMissingLocationSearchAndAdd(
   return (
     <div className="flex flex-col gap-4 py-4 px-2">
       <div className="flex flex-col gap-2">
-        <Label>Search Location</Label>
         <Input
           placeholder="Search location"
           onChange={(e) => {
@@ -116,21 +115,21 @@ export default function TagMissingLocationSearchAndAdd(
                 key={place.name}
                 onClick={() => handleSelect(place)}
                 className={cn(
-                  "hover:bg-zinc-900 flex justify-between items-center px-2 py-1 rounded-lg cursor-pointer",
+                  "hover:bg-zinc-200 dark:hover:bg-zinc-800 flex justify-between items-center px-2 py-1 rounded-lg cursor-pointer",
                   {
-                    "bg-zinc-900":
+                    "bg-zinc-900 dark:bg-zinc-200":
                       selectedPlace && selectedPlace.name === place.name,
                   }
                 )}
               >
                 <div>
                   <p>{place.name}</p>
-                  <span className="text-xs text-gray-600">
+                  <span className="text-xs text-gray-600 dark:text-gray-200">
                     {place.latitude}, {place.longitude}
                   </span>
                 </div>
                 {selectedPlace && selectedPlace.name === place.name && (
-                  <Check className="text-green-500" />
+                  <Check className="text-green-500 dark:text-green-400" />
                 )}
               </div>
             ))}
@@ -139,11 +138,11 @@ export default function TagMissingLocationSearchAndAdd(
       </div>
       <div className="self-end">
         <Button
-          variant="outline"
+          variant="default"
           onClick={handleSubmit}
           disabled={!selectedPlace || submitting}
         >
-          Add New Location
+          Tag Location
         </Button>
       </div>
     </div>