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:
parent
b4d5367e2b
commit
459777d5f0
|
|
@ -202,6 +202,13 @@ export default function PopScreenManagementPage() {
|
||||||
...selectedScreen,
|
...selectedScreen,
|
||||||
...updatedFields,
|
...updatedFields,
|
||||||
});
|
});
|
||||||
|
setScreens((prev) =>
|
||||||
|
prev.map((s) =>
|
||||||
|
s.screenId === selectedScreen.screenId
|
||||||
|
? { ...s, ...updatedFields }
|
||||||
|
: s
|
||||||
|
)
|
||||||
|
);
|
||||||
}}
|
}}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -130,12 +130,16 @@ export default function ScreenManagementPage() {
|
||||||
selectedScreen={selectedScreen}
|
selectedScreen={selectedScreen}
|
||||||
onBackToList={() => goToStep("list")}
|
onBackToList={() => goToStep("list")}
|
||||||
onScreenUpdate={(updatedFields) => {
|
onScreenUpdate={(updatedFields) => {
|
||||||
// 저장 후 화면 정보 즉시 업데이트 (테이블명 등)
|
|
||||||
if (selectedScreen) {
|
if (selectedScreen) {
|
||||||
setSelectedScreen({
|
const updated = { ...selectedScreen, ...updatedFields };
|
||||||
...selectedScreen,
|
setSelectedScreen(updated);
|
||||||
...updatedFields,
|
setScreens((prev) =>
|
||||||
});
|
prev.map((s) =>
|
||||||
|
s.screenId === selectedScreen.screenId
|
||||||
|
? { ...s, ...updatedFields }
|
||||||
|
: s
|
||||||
|
)
|
||||||
|
);
|
||||||
}
|
}
|
||||||
}}
|
}}
|
||||||
/>
|
/>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue