refactor: rename components' names

src/ui/Duel/Message/checkCardModal.tsx

@@ -21,7 +21,7 @@ import {
 } from "@/api/ocgcore/ocgHelper";
 import { ThunderboltOutlined } from "@ant-design/icons";
 import NeosConfig from "../../../../neos.config.json";
-import DragModal from "./dragModal";
+import DragModal from "./DragModal";
 import { selectHint } from "@/reducers/duel/hintSlice";
 
 const CheckCardModal = () => {

src/ui/Duel/Message/checkCardModalV2.tsx

@@ -19,7 +19,7 @@ import {
   setCheckCardModalV2ResponseAble,
 } from "@/reducers/duel/mod";
 import NeosConfig from "../../../../neos.config.json";
-import DragModal from "./dragModal";
+import DragModal from "./DragModal";
 import { selectHint } from "@/reducers/duel/hintSlice";
 
 const CheckCardModalV2 = () => {

src/ui/Duel/Message/checkCardModalV3.tsx

@@ -11,7 +11,7 @@ import {
 } from "@/reducers/duel/mod";
 import NeosConfig from "../../../../neos.config.json";
 import { selectCheckCardModalV3 } from "@/reducers/duel/modal/checkCardModalV3Slice";
-import DragModal from "./dragModal";
+import DragModal from "./DragModal";
 import { selectHint } from "@/reducers/duel/hintSlice";
 
 const CheckCardModalV3 = () => {

src/ui/Duel/Message/checkCounterModal.tsx

@@ -6,7 +6,7 @@ import { useAppSelector } from "@/hook";
 import { clearCheckCounter } from "@/reducers/duel/mod";
 import { selectCheckCounterModal } from "@/reducers/duel/modal/checkCounterModalSlice";
 import { store } from "@/store";
-import DragModal from "./dragModal";
+import DragModal from "./DragModal";
 import NeosConfig from "../../../../neos.config.json";
 
 const CheckCounterModal = () => {

src/ui/Duel/Message/optionModal.tsx

@@ -9,7 +9,7 @@ import {
 } from "@/reducers/duel/modal/mod";
 import { sendSelectOptionResponse } from "@/api/ocgcore/ocgHelper";
 import { resetOptionModal, setOptionModalIsOpen } from "@/reducers/duel/mod";
-import DragModal from "./dragModal";
+import DragModal from "./DragModal";
 
 const OptionModal = () => {
   const dispatch = store.dispatch;

src/ui/Duel/Message/positionModal.tsx

@@ -13,7 +13,7 @@ import {
   setPositionModalIsOpen,
 } from "@/reducers/duel/mod";
 import { CheckCard } from "@ant-design/pro-components";
-import DragModal from "./dragModal";
+import DragModal from "./DragModal";
 
 const PositionModal = () => {
   const dispatch = store.dispatch;

src/ui/Duel/Message/yesNoModal.tsx

@@ -8,7 +8,7 @@ import {
   selectYesNOModalMsg,
 } from "@/reducers/duel/modal/mod";
 import { setYesNoModalIsOpen } from "@/reducers/duel/mod";
-import DragModal from "./dragModal";
+import DragModal from "./DragModal";
 import { selectHint } from "@/reducers/duel/hintSlice";
 
 const YesNoModal = () => {

src/ui/Duel/PlayMat/exclusion.tsx → src/ui/Duel/PlayMat/BanishedZone.tsx

@@ -4,7 +4,7 @@ import {
   selectMeExclusion,
   selectopExclusion,
 } from "@/reducers/duel/exclusionSlice";
-import SingleSlot, { Depth } from "./singleSlot";
+import SingleSlot, { Depth } from "./SingleSlot";
 import NeosConfig from "../../../../neos.config.json";
 import { cardSlotRotation } from "../utils";
 

src/ui/Duel/PlayMat/cemetery.tsx → src/ui/Duel/PlayMat/Graveyard.tsx

@@ -4,11 +4,11 @@ import {
   selectOpCemetery,
 } from "@/reducers/duel/cemeretySlice";
 import { useAppSelector } from "@/hook";
-import SingleSlot, { Depth } from "./singleSlot";
+import SingleSlot, { Depth } from "./SingleSlot";
 import { cardSlotRotation } from "../utils";
 import NeosConfig from "../../../../neos.config.json";
 
-const Cemeteries = () => {
+const Graveyard = () => {
   const meCemetery = useAppSelector(selectMeCemetery).inner;
   const opCemetery = useAppSelector(selectOpCemetery).inner;
 
@@ -36,4 +36,4 @@ const cemeteryPosition = (player: number, cemeteryLength: number) => {
   return new BABYLON.Vector3(x, y, z);
 };
 
-export default Cemeteries;
+export default Graveyard;

src/ui/Duel/PlayMat/deck.tsx

 import * as BABYLON from "@babylonjs/core";
 import { useAppSelector } from "@/hook";
 import { selectMeDeck, selectOpDeck } from "@/reducers/duel/deckSlice";
-import SingleSlot, { Depth } from "./singleSlot";
+import SingleSlot, { Depth } from "./SingleSlot";
 import { cardSlotRotation } from "../utils";
 import NeosConfig from "../../../../neos.config.json";
 

src/ui/Duel/PlayMat/extraDeck.tsx

-import SingleSlot, { Depth } from "./singleSlot";
+import SingleSlot, { Depth } from "./SingleSlot";
 import * as BABYLON from "@babylonjs/core";
 import { useAppSelector } from "@/hook";
 import {

src/ui/Duel/PlayMat/field.tsx

@@ -2,8 +2,8 @@ import * as BABYLON from "@babylonjs/core";
 import { useAppSelector } from "@/hook";
 import { selectMeMagics, selectOpMagics } from "@/reducers/duel/magicSlice";
 import { clearMagicPlaceInteractivities } from "@/reducers/duel/mod";
-import FixedSlot from "./fixedSlot";
-import { Depth } from "./singleSlot";
+import FixedSlot from "./FixedSlot";
+import { Depth } from "./SingleSlot";
 import NeosConfig from "../../../../neos.config.json";
 import { cardSlotRotation } from "../utils";
 

src/ui/Duel/PlayMat/magics.tsx

@@ -3,7 +3,7 @@ import { selectMeMagics, selectOpMagics } from "@/reducers/duel/magicSlice";
 import { CardState } from "@/reducers/duel/generic";
 import { useAppSelector } from "@/hook";
 import { zip, cardSlotRotation } from "../utils";
-import FixedSlot from "./fixedSlot";
+import FixedSlot from "./FixedSlot";
 import { clearMagicPlaceInteractivities } from "@/reducers/duel/mod";
 import NeosConfig from "../../../../neos.config.json";
 

src/ui/Duel/PlayMat/monsters.tsx

@@ -7,7 +7,7 @@ import {
   selectOpMonsters,
 } from "@/reducers/duel/monstersSlice";
 import { zip, cardSlotRotation, cardSlotDefenceRotation } from "../utils";
-import FixedSlot from "./fixedSlot";
+import FixedSlot from "./FixedSlot";
 import { clearMonsterPlaceInteractivities } from "@/reducers/duel/mod";
 import NeosConfig from "../../../../neos.config.json";
 

src/ui/Duel/main.tsx

@@ -2,33 +2,33 @@ import React from "react";
 import { Engine, Scene } from "react-babylonjs";
 import { ReactReduxContext, Provider } from "react-redux";
 import * as BABYLON from "@babylonjs/core";
-import Hands from "./PlayMat/hands";
-import Monsters from "./PlayMat/monsters";
-import CardModal from "./Message/cardModal";
-import HintNotification from "./Message/hintNotification";
-import Magics from "./PlayMat/magics";
-import Field from "./PlayMat/field";
-import CommonDeck from "./PlayMat/deck";
-import Exclusion from "./PlayMat/exclusion";
-import Cemeteries from "./PlayMat/cemetery";
-import CardListModal from "./Message/cardListModal";
-import CheckCardModal from "./Message/checkCardModal";
-import YesNoModal from "./Message/yesNoModal";
-import PositionModal from "./Message/positionModal";
-import OptionModal from "./Message/optionModal";
-import Phase from "./Message/phase";
-import CheckCardModalV2 from "./Message/checkCardModalV2";
-import ExtraDeck from "./PlayMat/extraDeck";
-import NeosLayout from "./layout";
+import Hands from "./PlayMat/Hands";
+import Monsters from "./PlayMat/Monsters";
+import CardModal from "./Message/CardModal";
+import HintNotification from "./Message/HintNotification";
+import Magics from "./PlayMat/Magics";
+import Field from "./PlayMat/Field";
+import CommonDeck from "./PlayMat/Deck";
+import Exclusion from "./PlayMat/BanishedZone";
+import Graveyard from "./PlayMat/Graveyard";
+import CardListModal from "./Message/CardListModal";
+import CheckCardModal from "./Message/CheckCardModal";
+import YesNoModal from "./Message/YesNoModal";
+import PositionModal from "./Message/PositionModal";
+import OptionModal from "./Message/OptionModal";
+import Phase from "./Message/Phase";
+import CheckCardModalV2 from "./Message/CheckCardModalV2";
+import ExtraDeck from "./PlayMat/ExtraDeck";
+import NeosLayout from "./Layout";
 import NeosConfig from "../../../neos.config.json";
-import DuelTimeLine from "./Message/timeLine";
+import DuelTimeLine from "./Message/TimeLine";
 import { Row } from "antd";
-import SendBox from "./Message/sendBox";
-import PlayerStatus from "./Message/status";
-import Alert from "./Message/alert";
-import CheckCardModalV3 from "./Message/checkCardModalV3";
-import CheckCounterModal from "./Message/checkCounterModal";
-import SortCardModal from "./Message/sortCardModal";
+import SendBox from "./Message/SendBox";
+import PlayerStatus from "./Message/Status";
+import Alert from "./Message/Alert";
+import CheckCardModalV3 from "./Message/CheckCardModalV3";
+import CheckCounterModal from "./Message/CheckCounterModal";
+import SortCardModal from "./Message/SortCardModal";
 
 // Ref: https://github.com/brianzinn/react-babylonjs/issues/126
 const NeosDuel = () => {
@@ -81,7 +81,7 @@ const NeosCanvas = () => (
             <Field />
             <CommonDeck />
             <ExtraDeck />
-            <Cemeteries />
+            <Graveyard />
             <Exclusion />
             <Field />
             <Ground />

src/ui/Neos.tsx

@@ -5,7 +5,7 @@ import LazyLoad, { Loading } from "./LazyLoad";
 const Login = React.lazy(() => import("./Login"));
 const WaitRoom = React.lazy(() => import("./WaitRoom"));
 const Mora = React.lazy(() => import("./Mora"));
-const NeosDuel = React.lazy(() => import("./Duel/main"));
+const NeosDuel = React.lazy(() => import("./Duel/Main"));
 
 export default function () {
   return (