DGNum/demarches-normaliennes
13
1
Fork 0
Code Issues 1 Pull requests Projects Releases Packages Wiki Activity

refactor(react): useId

Browse source
This commit is contained in:
Paul Chavard 2022-03-30 18:13:05 +02:00
parent 1a5d86a32a
commit 4a7324951b
3 changed files with 5 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

5
app/javascript/components/ComboMultiple.tsx
View file

@ -5,6 +5,7 @@ import React, {
useContext,
createContext,
useEffect,
useId,
useLayoutEffect,
MutableRefObject,
ReactNode,
@ -18,7 +19,6 @@ import {
ComboboxOption,
ComboboxPopover
} from '@reach/combobox';
import { useId } from '@reach/auto-id';
import '@reach/combobox/styles.css';
import { matchSorter } from 'match-sorter';
import { XIcon } from '@heroicons/react/outline';
@ -89,7 +89,8 @@ export default function ComboMultiple({
const [term, setTerm] = useState('');
const [selections, setSelections] = useState(selected);
const [newValues, setNewValues] = useState<string[]>([]);
const inputId = useId(id);
const internalId = useId();
const inputId = id ?? internalId;
const removedLabelledby = `${inputId}-remove`;
const selectedLabelledby = `${inputId}-selected`;

3
app/javascript/components/MapEditor/components/PointInput.tsx
View file

@ -1,8 +1,7 @@
import React, { useState } from 'react';
import React, { useState, useId } from 'react';
import { fire } from '@utils';
import type { Feature } from 'geojson';
import { PlusIcon, LocationMarkerIcon } from '@heroicons/react/outline';
import { useId } from '@reach/auto-id';
import CoordinateInput from 'react-coordinate-input';
export function PointInput() {

3
app/javascript/components/shared/maplibre/StyleControl.tsx
View file

@ -1,9 +1,8 @@
import React, { useState } from 'react';
import React, { useState, useId } from 'react';
import { Popover, RadioGroup } from '@headlessui/react';
import { usePopper } from 'react-popper';
import { MapIcon } from '@heroicons/react/outline';
import { Slider } from '@reach/slider';
import { useId } from '@reach/auto-id';
import '@reach/slider/styles.css';
import { LayersMap, NBS } from './styles';