diff --git a/src/pages/Ridaisai2023/Kyopro/DraggableList/index.tsx b/src/pages/Ridaisai2023/Kyopro/DraggableList/index.tsx index 333cc36..dbe8ab9 100644 --- a/src/pages/Ridaisai2023/Kyopro/DraggableList/index.tsx +++ b/src/pages/Ridaisai2023/Kyopro/DraggableList/index.tsx @@ -33,11 +33,11 @@ export const DraggableList: React.FC = (props) => { return ( - {(provided, snapshot) => ( + {(provided) => ( {list.Current.map((elem, index) => ( - {(provided, snapshot) => ( + {(provided) => ( {elem} diff --git a/src/pages/Ridaisai2023/Kyopro/index.tsx b/src/pages/Ridaisai2023/Kyopro/index.tsx index b43b6fe..57de75e 100644 --- a/src/pages/Ridaisai2023/Kyopro/index.tsx +++ b/src/pages/Ridaisai2023/Kyopro/index.tsx @@ -41,7 +41,7 @@ export function shuffle(array: number[]) { return array } -function getRandomInt(max) { +function getRandomInt(max: number) { return Math.floor(Math.random() * max) } @@ -75,12 +75,14 @@ const Button = styled.button` cursor: pointer; margin: 0 0 2em 0; ` - -const DisplayList = (props) => { +type Props = { + list: number[] +} +const DisplayList = (props: Props) => { const { list } = props return ( - {list.map((elem) => ( + {list.map((elem: number) => ( {elem} ))} @@ -214,15 +216,6 @@ const Elem = styled.span` border-radius: 5px; ` -const Gamen = styled.div` - background: rgb(43, 135, 209); - position: relative; - color: white; - user-select: none; - overflow: hidden; - text-align: center; -` - const Description = styled.div` font-family: 'Yu Gothic', sans-serif; margin: 0 3%;