メッセージのアイコンと本体のレイヤーを分ける

[ikura-hamu]

• ✨ メッセージを表示する
• ♻️ messagesAtomに名前変える
• ✨ フィールドの中か外かを判定

Copilot reviewed 5 out of 6 changed files in this pull request and generated no comments.

Files not reviewed (1)

• client/src/pixi/components/Message.tsx: Evaluated as low risk

Comments suppressed due to low confidence (4)

client/src/pixi/components/MessageIcon.tsx:14

• [nitpick] The component name ExpandedIcon is misleading. It should be renamed to MessageIcon.

const ExpandedIcon: React.FC<Props> = ({

client/src/pixi/components/MessageIcon.tsx:32

• [nitpick] Consider using onClick instead of onmouseover to avoid accidental expansions.

onmouseover={() => {

client/src/pixi/components/MessageIcon.tsx:9

• [nitpick] The prop currentExpandedMessageId should be renamed to expandedMessageId for consistency.

currentExpandedMessageId: string | undefined;

client/src/pixi/hooks/message.ts:5

• [nitpick] Consider renaming 'expanded' to 'isExpanded' for better readability.

const [expanded, setExpanded] = useState(false);