From 56f1d7599241f963613dcc63a1fe81691e497b8b Mon Sep 17 00:00:00 2001
From: aelassas <akram.elassas@gmail.com>
Date: Wed, 4 Oct 2023 20:35:40 +0100
Subject: [PATCH] Update MultipleSelect.tsx

---
 backend/src/components/MultipleSelect.tsx | 33 +++++++++++++----------
 1 file changed, 19 insertions(+), 14 deletions(-)

diff --git a/backend/src/components/MultipleSelect.tsx b/backend/src/components/MultipleSelect.tsx
index f99bc5cd..aa91a2d9 100644
--- a/backend/src/components/MultipleSelect.tsx
+++ b/backend/src/components/MultipleSelect.tsx
@@ -1,8 +1,13 @@
-import React, {
- useState, useEffect, forwardRef, useRef, useImperativeHandle
-} from 'react'
+import React, { useState, useEffect, forwardRef, useRef, useImperativeHandle } from 'react'
 import {
- Autocomplete, TextField, InputAdornment, Avatar, SxProps, Theme, TextFieldVariants, AutocompleteInputChangeReason
+  Autocomplete,
+  TextField,
+  InputAdornment,
+  Avatar,
+  SxProps,
+  Theme,
+  TextFieldVariants,
+  AutocompleteInputChangeReason
 } from '@mui/material'
 import { LocationOn as LocationIcon, AccountCircle } from '@mui/icons-material'
 import * as movininTypes from 'movinin-types'
@@ -12,19 +17,19 @@ import Env from '../config/env.config'
 import '../assets/css/multiple-select.css'
 
 const ListBox: React.ComponentType<React.HTMLAttributes<HTMLElement>> = forwardRef((props, ref) => {
-    const { children, ...rest }: { children?: React.ReactNode } = props
+  const { children, ...rest }: { children?: React.ReactNode } = props
 
-    const innerRef = useRef(null)
+  const innerRef = useRef(null)
 
-    useImperativeHandle(ref, () => innerRef.current)
+  useImperativeHandle(ref, () => innerRef.current)
 
-    return (
-      // eslint-disable-next-line
-      <ul {...rest} ref={innerRef} role="list-box">
-        {children}
-      </ul>
-    )
-  })
+  return (
+    // eslint-disable-next-line
+    <ul {...rest} ref={innerRef} role="list-box">
+      {children}
+    </ul>
+  )
+})
 
 function MultipleSelect({
   label,