fix(location): Make it so distance select is grayed out when a valid …

…location hasn't been entered

src/shared/components/search/distance-select.tsx

@@ -10,16 +10,24 @@ import {
 } from '../ui/select';
 import { useAppConfig } from '../../hooks/use-app-config';
 import { useAtomValue, useSetAtom } from 'jotai';
-import { searchAtom, searchDistanceAtom } from '../../store/search';
+import {
+ searchAtom,
+ searchDistanceAtom,
+ searchLocationAtom,
+ userCoordinatesAtom,
+} from '../../store/search';
 import { setCookie } from 'nookies';
 import { USER_PREF_DISTANCE } from '../../lib/constants';
 
 export function DistanceSelect() {
  const { t } = useTranslation();
  const appConfig = useAppConfig();
  const setSearch = useSetAtom(searchAtom);
+ const coords = useAtomValue(userCoordinatesAtom);
  const distance = useAtomValue(searchDistanceAtom);
 
+ const hasLocation = coords?.length == 2;
+
  const setDistance = (value) => {
  setCookie(null, USER_PREF_DISTANCE, value, { path: '/' });
  setSearch((prev) => ({
@@ -29,7 +37,11 @@ export function DistanceSelect() {
  };
 
  return (
- <Select onValueChange={setDistance} value={distance}>
+ <Select
+ onValueChange={setDistance}
+ value={distance}
+ disabled={!hasLocation}
+ >
  <SelectTrigger className="w-[125px]">
  <SelectValue
  placeholder={t('search.radius_placeholder', {