feat(user-detail-editor): only lookup postal codes with length 4

boklisten · Jul 7, 2024 · adf6546 · adf6546
1 parent 5def370
commit adf6546
Showing 1 changed file with 1 addition and 12 deletions.
diff --git a/src/components/user/user-detail-editor/UserDetailEditor.tsx b/src/components/user/user-detail-editor/UserDetailEditor.tsx
@@ -14,7 +14,6 @@ import {
   IconButton,
   InputAdornment,
   ListItem,
-  Skeleton,
   Stack,
   Tooltip,
 } from "@mui/material";
@@ -72,7 +71,6 @@ const UserDetailEditor = ({
   const [postalCity, setPostalCity] = useState<string | null>(
     userDetails?.postCity ?? null,
   );
-  const [waitingForPostalCity, setWaitingForPostalCity] = useState(false);
   const router = useRouter();
   const searchParams = useSearchParams();
 
@@ -155,10 +153,9 @@ const UserDetailEditor = ({
 
   async function onPostalCodeChange(event: { target: { value: string } }) {
     setPostalCity(null);
-    if (event.target.value.length === 0) {
+    if (event.target.value.length !== 4) {
       return;
     }
-    setWaitingForPostalCity(true);
     const response = await BlFetcher.post<
       [
         {
@@ -169,7 +166,6 @@ const UserDetailEditor = ({
       `${BL_CONFIG.collection.delivery}/${BL_CONFIG.delivery.postalCodeLookup.operation}`,
       { postalCode: event.target.value },
     );
-    setWaitingForPostalCity(false);
 
     if (!response[0].postalCity) {
       setPostalCity(null);
@@ -393,13 +389,6 @@ const UserDetailEditor = ({
                       color="gray"
                       data-testid="postal-city-preview"
                     >
-                      {waitingForPostalCity && (
-                        <Skeleton
-                          variant="rectangular"
-                          width={50}
-                          height="1rem"
-                        />
-                      )}
                       {postalCity}
                     </Typography>
                   </Box>