Skip to content

[#88] feat(window): Active 윈도우 z-index 구현 및 prop 전달 구조 개선 - #92

Merged
sageherb merged 1 commit into
devfrom
feature/z-index-windows
Nov 18, 2025
Merged

[#88] feat(window): Active 윈도우 z-index 구현 및 prop 전달 구조 개선#92
sageherb merged 1 commit into
devfrom
feature/z-index-windows

Conversation

@sageherb

@sageherb sageherb commented Nov 18, 2025

Copy link
Copy Markdown
Collaborator

📖 개요

Active 윈도우 z-index 구현 및 prop 전달 구조 개선

✅ 관련 이슈

🛠️ 상세 작업 내용

  • Window 컴포넌트에 isActive prop을 도입하여 z-index 기반 활성 상태 강조 기능 추가
  • pointer down 시 창 활성화되도록 로직 개선 및 windowId 전달 처리
  • Friends 컴포넌트가 props를 수용하고 하위로 전달할 수 있도록 구조 리팩토링
  • Window 관련 타입 정의를 정리하여 일관성과 타입 안정성 강화

📸 스크린샷

N/A

⚠️ 주의 사항

N/A

👥 리뷰 확인 사항

N/A

- Window 컴포넌트에 isActive prop을 도입하여 z-index 기반 활성 상태 강조 기능 추가
- pointer down 시 창 활성화되도록 로직 개선 및 windowId 전달 처리
- Friends 컴포넌트가 props를 수용하고 하위로 전달할 수 있도록 구조 리팩토링
- Window 관련 타입 정의를 정리하여 일관성과 타입 안정성 강화

@RumPumpumpum RumPumpumpum left a comment

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

코드 확인하였습니다!
고생하셨습니다

Copilot AI left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull Request Overview

This PR implements active window z-index functionality to visually distinguish the currently active window and refactors type definitions for better organization and type safety. The implementation adds window activation on pointer interaction and passes windowId through component props.

Key Changes:

  • Active window state management with z-index based visual indication
  • Type system refactoring with new WindowInfo and WindowInstance interfaces
  • Enhanced prop passing with windowId added to WindowComponentProps

Reviewed Changes

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

Show a summary per file
File Description
src/types/window.types.ts Refactored type structure by extracting WindowInfo base interface, adding WindowInstance type, and including windowId in WindowComponentProps
src/stores/useWindowStore.ts Removed local WindowInstance definition in favor of imported type from shared types file
src/config/windowInfo.tsx Updated to import WindowInfo type from types file instead of local definition
src/components/window/Window/Window.tsx Added isActive prop to control z-index for active window highlighting
src/pages/os/OsMain.tsx Integrated active window tracking with store, passing isActive and onPointerDown to Window components, and forwarding windowId to child components

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

@stupilman stupilman left a comment

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

확인했습니다!

@sageherb
sageherb merged commit f93bd29 into dev Nov 18, 2025
7 checks passed
@prgrms-fe-devcourse prgrms-fe-devcourse deleted a comment from Copilot AI Nov 18, 2025
@prgrms-fe-devcourse prgrms-fe-devcourse deleted a comment from Copilot AI Nov 18, 2025
@sageherb
sageherb deleted the feature/z-index-windows branch November 18, 2025 01:52
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

feature 새로운 기능 추가

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Feature] 윈도우 액티브 상태에 따라 z-index 구현

4 participants