セレクトボックスのコンポーネント追加

takehiroman commented 1 year ago

Summary by CodeRabbit

New Feature: Introduced a SelectBox component to allow users to select the number of persons in the game.
New Feature: Updated the handleClick function to generate a random list of weapons based on the selected number of persons.
New Feature: Added a new state variable weaponList to store the generated list of weapons.
New Feature: Added a new state variable person to store the selected number of persons.
New Feature: Implemented a new function setOnChangePerson to handle changes in the person select box.
New Feature: Enhanced the Card and CardList components to render based on the updated weaponList.
Refactor: Updated import statements for components to use absolute paths for better readability and maintainability.
Chore: Updated ESLint configuration to include a new plugin for TypeScript and modified rules for unused variables detection.

cloudflare-workers-and-pages[bot] commented 1 year ago

Deploying with Cloudflare Pages

Latest commit:	`d8ef92d`
Status:	🚫 Build failed.

View logs

github-actions[bot] commented 1 year ago

CodeRabbit

変更の概要

この変更は、いくつかの新しいコンポーネントと状態の追加、および関数の修正を含んでいます。Buttonコンポーネントが@/components/Buttonに移動されました。また、CardコンポーネントとSelectBoxコンポーネントが新たに追加されました。useStateフックを使用して、weaponListとpersonの状態が管理されます。handleClick関数は、選択した人数に基づいてランダムな武器リストを生成し、weaponListに設定します。setOnChangePerson関数は、人数の選択ボックスの変更イベントを処理します。

また、src/constants/weapon.tsには、スプラトゥーンの武器一覧を表す定数配列WEAPON_LISTが追加されました。各武器には名前、サブウェポン、スペシャルウェポン、および画像のURLが含まれています。

以下にファイルごとの変更の要約を示します。

ファイル	要約
src/app.tsx, src/components/SelectBox.tsx	新しいコンポーネントと状態の追加、関数の修正
src/constants/weapon.ts	スプラトゥーンの武器一覧を表す定数配列の追加

この変更は、新しいコンポーネントと状態の追加により、アプリケーションに新しい機能が導入されました。また、スプラトゥーンの武器一覧を表す定数配列が追加されたことで、アプリケーションはより多くの情報を提供できるようになりました。

Uplevel your code reviews with CodeRabbit Pro

### CodeRabbit Pro If you like this project, please support us by purchasing the [Pro version](https://coderabbit.ai). The Pro version has advanced context, superior noise reduction and several proprietary improvements compared to the open source version.

coderabbitai[bot] commented 1 year ago

Walkthrough

This update introduces a new SelectBox component in the Preact application, enhances the main app with additional state management for weapon selection based on the number of persons, and includes TypeScript ESLint improvements. The changes also include a new constant array representing different weapons in the game "Splatoon."

Changes

File	Summary
`.eslintrc`	Introduced a new plugin for TypeScript ESLint and updated rules for detecting unused variables.
`src/app.tsx`	Updated import statements, added new state variables, modified `handleClick` function, introduced `setOnChangePerson` function, and integrated the new `SelectBox` component.
`src/components/.../SelectBox.tsx`	Added a new functional component that renders a select box with options based on provided props.
`src/constants/weapon.ts`	Added a new constant array `WEAPON_LIST` representing different weapons in the game "Splatoon."

🐇💻

Code changes here and there,

New components in the air.

Weapons list and select box,

In our codebase, as solid as rocks.

With TypeScript linting in place,

We continue at a steady pace.

Celebrate these changes, big and small,

For they make our app stand tall! 🎉🥕

Tips

### Chat with CodeRabbit Bot (`@coderabbitai`) - Mention `@coderabbitai` in any *review comment* for bot assistance. - Note: Review comments are made on code diffs or files, not on the PR overview. ### Pause Incremental Reviews - Insert `@coderabbitai: ignore` in the PR description to halt the bot's ongoing reviews. Remove the line to resume.

takehiroman / splatoon-random-weapon