message: city: prevent unnecessary API calls
diff: @@ -14,6 +14,7 @@ import DetailsModal from './DetailsModal'
  export default observer(function CitiesGrid() {
  const { data } = useCitiesList()
  const { t } = useTranslation()
  + const { selectedRecord } = ModalStore
  const columns: GridColumns = [
  { field: 'id', headerName: 'ID', hide: true },
  @@ -78,7 +79,9 @@ export default observer(function CitiesGrid() {
  autoPageSize
  disableSelectionOnClick
  />
  - <DetailsModal />
  +
  + {/* making sure we don't sent requests to the API when not needed */}
  + {selectedRecord.id != '' && <DetailsModal />}
  <DeleteModal />
  </>
  )
  