feat: Update screen management state handling for immediate updates

- Enhanced the screen management functionality to ensure that updates to selected screens are reflected immediately in the state.
- Implemented a mapping function to update the screens list when a screen's details are modified, improving user experience by providing real-time feedback.
- This change ensures that the UI remains in sync with the underlying data, enhancing the overall responsiveness of the application.
This commit is contained in:
kjs 2026-03-04 13:53:10 +09:00
parent b4d5367e2b
commit 459777d5f0
2 changed files with 16 additions and 5 deletions

View File

@ -202,6 +202,13 @@ export default function PopScreenManagementPage() {
...selectedScreen,
...updatedFields,
});
setScreens((prev) =>
prev.map((s) =>
s.screenId === selectedScreen.screenId
? { ...s, ...updatedFields }
: s
)
);
}}
/>
</div>

View File

@ -130,12 +130,16 @@ export default function ScreenManagementPage() {
selectedScreen={selectedScreen}
onBackToList={() => goToStep("list")}
onScreenUpdate={(updatedFields) => {
// 저장 후 화면 정보 즉시 업데이트 (테이블명 등)
if (selectedScreen) {
setSelectedScreen({
...selectedScreen,
...updatedFields,
});
const updated = { ...selectedScreen, ...updatedFields };
setSelectedScreen(updated);
setScreens((prev) =>
prev.map((s) =>
s.screenId === selectedScreen.screenId
? { ...s, ...updatedFields }
: s
)
);
}
}}
/>