From 670e374bb4ed97d6668d66b5f4f79156248244af Mon Sep 17 00:00:00 2001
From: bagasbanuna <bagasbanuna02@gmail.com>
Date: Wed, 15 Apr 2026 08:45:29 +0800
Subject: [PATCH] feat: Complete Admin Phase 8 App Information screens
 migration

- Migrate 9 admin app information screens to OS_Wrapper (lists, business field forms, information bank forms, sticker forms)
- Add enableKeyboardHandling to 5 form screens with TextInput (business field create/update, information bank create/update)
- Update TASK-005 with Admin Phase 8 completion status
- Total: 155 files migrated (~90% complete)

Co-authored-by: Qwen-Coder <qwen-coder@alibabacloud.com>
---
 .../business-field/[id]/bidang-update.tsx     |  6 ++--
 .../business-field/[id]/sub-bidang-update.tsx |  6 ++--
 .../app-information/business-field/create.tsx |  6 ++--
 .../information-bank/[id]/index.tsx           |  6 ++--
 .../information-bank/create.tsx               |  6 ++--
 .../app-information/sticker/[id]/index.tsx    |  6 ++--
 .../admin/app-information/sticker/create.tsx  |  8 ++---
 .../App-Information/ScreenAppInformation.tsx  |  4 +--
 .../ScreenBusinessFieldDetail.tsx             |  6 ++--
 tasks/TASK-005-OS-Wrapper-Implementation.md   | 31 ++++++++++++++++---
 10 files changed, 54 insertions(+), 31 deletions(-)

diff --git a/app/(application)/admin/app-information/business-field/[id]/bidang-update.tsx b/app/(application)/admin/app-information/business-field/[id]/bidang-update.tsx
index 7ba25d4..46fb12b 100644
--- a/app/(application)/admin/app-information/business-field/[id]/bidang-update.tsx
+++ b/app/(application)/admin/app-information/business-field/[id]/bidang-update.tsx
@@ -2,10 +2,10 @@
 import {
   BoxButtonOnFooter,
   ButtonCustom,
+  OS_Wrapper,
   StackCustom,
   TextCustom,
   TextInputCustom,
-  ViewWrapper,
 } from "@/components";
 import AdminBackButtonAntTitle from "@/components/_ShareComponent/Admin/BackButtonAntTitle";
 import { MainColor } from "@/constants/color-palet";
@@ -93,7 +93,7 @@ export default function AdminAppInformation_BusinessFieldDetail() {
   );
   return (
     <>
-      <ViewWrapper footerComponent={buttonSubmit}>
+      <OS_Wrapper enableKeyboardHandling contentPaddingBottom={250} footerComponent={buttonSubmit}>
         <StackCustom>
           <AdminBackButtonAntTitle title="Update Bidang Bisnis" />
 
@@ -123,7 +123,7 @@ export default function AdminAppInformation_BusinessFieldDetail() {
             />
           </StackCustom>
         </StackCustom>
-      </ViewWrapper>
+      </OS_Wrapper>
     </>
   );
 }
diff --git a/app/(application)/admin/app-information/business-field/[id]/sub-bidang-update.tsx b/app/(application)/admin/app-information/business-field/[id]/sub-bidang-update.tsx
index 9710891..6084c85 100644
--- a/app/(application)/admin/app-information/business-field/[id]/sub-bidang-update.tsx
+++ b/app/(application)/admin/app-information/business-field/[id]/sub-bidang-update.tsx
@@ -2,10 +2,10 @@
 import {
   BoxButtonOnFooter,
   ButtonCustom,
+  OS_Wrapper,
   StackCustom,
   TextCustom,
   TextInputCustom,
-  ViewWrapper,
 } from "@/components";
 import AdminBackButtonAntTitle from "@/components/_ShareComponent/Admin/BackButtonAntTitle";
 import { MainColor } from "@/constants/color-palet";
@@ -99,7 +99,7 @@ export default function AdminAppInformation_BusinessFieldDetail() {
   );
   return (
     <>
-      <ViewWrapper footerComponent={buttonSubmit}>
+      <OS_Wrapper enableKeyboardHandling contentPaddingBottom={250} footerComponent={buttonSubmit}>
         <StackCustom>
           <AdminBackButtonAntTitle title="Update Bidang Bisnis" />
 
@@ -129,7 +129,7 @@ export default function AdminAppInformation_BusinessFieldDetail() {
             />
           </StackCustom>
         </StackCustom>
-      </ViewWrapper>
+      </OS_Wrapper>
     </>
   );
 }
diff --git a/app/(application)/admin/app-information/business-field/create.tsx b/app/(application)/admin/app-information/business-field/create.tsx
index 5c8f487..cdfb851 100644
--- a/app/(application)/admin/app-information/business-field/create.tsx
+++ b/app/(application)/admin/app-information/business-field/create.tsx
@@ -4,10 +4,10 @@ import {
   ButtonCustom,
   CenterCustom,
   Grid,
+  OS_Wrapper,
   Spacing,
   StackCustom,
   TextInputCustom,
-  ViewWrapper,
 } from "@/components";
 import AdminBackButtonAntTitle from "@/components/_ShareComponent/Admin/BackButtonAntTitle";
 import { MainColor } from "@/constants/color-palet";
@@ -101,7 +101,7 @@ export default function AdminAppInformation_BusinessFieldCreate() {
   );
   return (
     <>
-      <ViewWrapper footerComponent={buttonSubmit}>
+      <OS_Wrapper enableKeyboardHandling contentPaddingBottom={250} footerComponent={buttonSubmit}>
         <StackCustom gap={"xs"}>
           <AdminBackButtonAntTitle title="Tambah Bidang Bisnis" />
 
@@ -167,7 +167,7 @@ export default function AdminAppInformation_BusinessFieldCreate() {
             </View>
           </CenterCustom>
         </StackCustom>
-      </ViewWrapper>
+      </OS_Wrapper>
     </>
   );
 }
diff --git a/app/(application)/admin/app-information/information-bank/[id]/index.tsx b/app/(application)/admin/app-information/information-bank/[id]/index.tsx
index 0c8d2fb..044f7fe 100644
--- a/app/(application)/admin/app-information/information-bank/[id]/index.tsx
+++ b/app/(application)/admin/app-information/information-bank/[id]/index.tsx
@@ -4,10 +4,10 @@ import {
   ButtonCustom,
   CenterCustom,
   Grid,
+  OS_Wrapper,
   StackCustom,
   TextCustom,
   TextInputCustom,
-  ViewWrapper,
 } from "@/components";
 import AdminBackButtonAntTitle from "@/components/_ShareComponent/Admin/BackButtonAntTitle";
 import { MainColor } from "@/constants/color-palet";
@@ -92,7 +92,7 @@ export default function AdminAppInformation_BankDetail() {
   );
   return (
     <>
-      <ViewWrapper footerComponent={buttonSubmit}>
+      <OS_Wrapper enableKeyboardHandling contentPaddingBottom={250} footerComponent={buttonSubmit}>
         <StackCustom>
           <AdminBackButtonAntTitle title="Update Bank" />
 
@@ -140,7 +140,7 @@ export default function AdminAppInformation_BankDetail() {
             />
           </StackCustom>
         </StackCustom>
-      </ViewWrapper>
+      </OS_Wrapper>
     </>
   );
 }
diff --git a/app/(application)/admin/app-information/information-bank/create.tsx b/app/(application)/admin/app-information/information-bank/create.tsx
index 837c2ef..58f7602 100644
--- a/app/(application)/admin/app-information/information-bank/create.tsx
+++ b/app/(application)/admin/app-information/information-bank/create.tsx
@@ -1,9 +1,9 @@
 import {
   BoxButtonOnFooter,
   ButtonCustom,
+  OS_Wrapper,
   StackCustom,
   TextInputCustom,
-  ViewWrapper,
 } from "@/components";
 import AdminBackButtonAntTitle from "@/components/_ShareComponent/Admin/BackButtonAntTitle";
 import { apiAdminMasterBankCreate } from "@/service/api-admin/api-master-admin";
@@ -52,7 +52,7 @@ export default function AdminAppInformation_BankCreate() {
   );
   return (
     <>
-      <ViewWrapper footerComponent={buttonSubmit}>
+      <OS_Wrapper enableKeyboardHandling contentPaddingBottom={250} footerComponent={buttonSubmit}>
         <StackCustom>
           <AdminBackButtonAntTitle title="Tambah Daftar Bank" />
 
@@ -83,7 +83,7 @@ export default function AdminAppInformation_BankCreate() {
             />
           </StackCustom>
         </StackCustom>
-      </ViewWrapper>
+      </OS_Wrapper>
     </>
   );
 }
diff --git a/app/(application)/admin/app-information/sticker/[id]/index.tsx b/app/(application)/admin/app-information/sticker/[id]/index.tsx
index 5dd97e5..219b033 100644
--- a/app/(application)/admin/app-information/sticker/[id]/index.tsx
+++ b/app/(application)/admin/app-information/sticker/[id]/index.tsx
@@ -5,11 +5,11 @@ import {
   CheckboxCustom,
   CheckboxGroup,
   LandscapeFrameUploaded,
+  OS_Wrapper,
   SelectCustom,
   Spacing,
   StackCustom,
   TextCustom,
-  ViewWrapper,
 } from "@/components";
 import AdminBackButtonAntTitle from "@/components/_ShareComponent/Admin/BackButtonAntTitle";
 import { dummyMasterEmotions } from "@/lib/dummy-data/_master/emotions";
@@ -28,7 +28,7 @@ export default function AdminAppInformation_StickerCreate() {
   );
   return (
     <>
-      <ViewWrapper footerComponent={buttonSubmit}>
+      <OS_Wrapper footerComponent={buttonSubmit}>
         <StackCustom>
           <AdminBackButtonAntTitle title="Edit Stiker" />
 
@@ -74,7 +74,7 @@ export default function AdminAppInformation_StickerCreate() {
           </StackCustom>
         </StackCustom>
         <Spacing />
-      </ViewWrapper>
+      </OS_Wrapper>
     </>
   );
 }
diff --git a/app/(application)/admin/app-information/sticker/create.tsx b/app/(application)/admin/app-information/sticker/create.tsx
index 22294dd..acfb626 100644
--- a/app/(application)/admin/app-information/sticker/create.tsx
+++ b/app/(application)/admin/app-information/sticker/create.tsx
@@ -5,11 +5,11 @@ import {
     CheckboxCustom,
     CheckboxGroup,
     LandscapeFrameUploaded,
+    OS_Wrapper,
     SelectCustom,
     Spacing,
     StackCustom,
-    TextCustom,
-    ViewWrapper
+    TextCustom
 } from "@/components";
 import AdminBackButtonAntTitle from "@/components/_ShareComponent/Admin/BackButtonAntTitle";
 import { dummyMasterEmotions } from "@/lib/dummy-data/_master/emotions";
@@ -32,7 +32,7 @@ export default function AdminAppInformation_StickerCreate() {
     );
   return (
     <>
-      <ViewWrapper footerComponent={buttonSubmit}>
+      <OS_Wrapper footerComponent={buttonSubmit}>
         <StackCustom>
           <AdminBackButtonAntTitle title="Tambah Stiker" />
 
@@ -78,7 +78,7 @@ export default function AdminAppInformation_StickerCreate() {
           </StackCustom>
         </StackCustom>
         <Spacing/>
-      </ViewWrapper>
+      </OS_Wrapper>
     </>
   );
 }
diff --git a/screens/Admin/App-Information/ScreenAppInformation.tsx b/screens/Admin/App-Information/ScreenAppInformation.tsx
index 8ae67e8..53ef527 100644
--- a/screens/Admin/App-Information/ScreenAppInformation.tsx
+++ b/screens/Admin/App-Information/ScreenAppInformation.tsx
@@ -1,7 +1,7 @@
 import { ScrollableCustom, StackCustom } from "@/components";
 import AdminActionIconPlus from "@/components/_ShareComponent/Admin/ActionIconPlus";
 import AdminComp_BoxTitle from "@/components/_ShareComponent/Admin/BoxTitlePage";
-import NewWrapper from "@/components/_ShareComponent/NewWrapper";
+import OS_Wrapper from "@/components/_ShareComponent/OS_Wrapper";
 import { MainColor } from "@/constants/color-palet";
 import { PAGINATION_DEFAULT_TAKE } from "@/constants/constans-value";
 import { createPaginationComponents } from "@/helpers/paginationHelpers";
@@ -108,7 +108,7 @@ export function Admin_ScreenAppInformation() {
   };
 
   return (
-    <NewWrapper
+    <OS_Wrapper
       headerComponent={scrollComponent}
       // ListHeaderComponent={
 
diff --git a/screens/Admin/App-Information/ScreenBusinessFieldDetail.tsx b/screens/Admin/App-Information/ScreenBusinessFieldDetail.tsx
index 5398bff..0d1a64b 100644
--- a/screens/Admin/App-Information/ScreenBusinessFieldDetail.tsx
+++ b/screens/Admin/App-Information/ScreenBusinessFieldDetail.tsx
@@ -3,7 +3,7 @@ import {
   BadgeCustom,
   BaseBox,
   CenterCustom,
-  NewWrapper,
+  OS_Wrapper,
   Spacing,
   StackCustom,
   TextCustom,
@@ -13,6 +13,7 @@ import { GridSpan_NewComponent } from "@/components/_ShareComponent/GridSpan_New
 import { MainColor } from "@/constants/color-palet";
 import {
   ICON_SIZE_SMALL,
+  PADDING_INLINE,
   PAGINATION_DEFAULT_TAKE,
 } from "@/constants/constans-value";
 import { createPaginationComponents } from "@/helpers/paginationHelpers";
@@ -160,7 +161,8 @@ export function Admin_ScreenBusinessFieldDetail() {
 
   return (
     <>
-      <NewWrapper
+      <OS_Wrapper
+        contentPadding={PADDING_INLINE}
         listData={pagination.listData}
         onEndReached={pagination.loadMore}
         ListEmptyComponent={ListEmptyComponent}
diff --git a/tasks/TASK-005-OS-Wrapper-Implementation.md b/tasks/TASK-005-OS-Wrapper-Implementation.md
index fff4bc1..95f8c89 100644
--- a/tasks/TASK-005-OS-Wrapper-Implementation.md
+++ b/tasks/TASK-005-OS-Wrapper-Implementation.md
@@ -438,11 +438,32 @@ import { OS_Wrapper } from "@/components";
 - [ ] `screens/Admin/Investment/ScreenInvestmentDetail.tsx`
 - [ ] `screens/Admin/Investment/ScreenInvestmentStatus.tsx`
 
-## ⏳ Admin Phase 8: App Information (Priority: LOW)
-- [ ] `screens/Admin/App-Information/ScreenAppInfoList.tsx`
-- [ ] `screens/Admin/App-Information/ScreenBusinessField.tsx`
-- [ ] `screens/Admin/App-Information/ScreenInformationBank.tsx`
-- [ ] `screens/Admin/App-Information/ScreenSticker.tsx`
+## ⏳ Admin Phase 8: App Information - PENDING
+
+**Files to migrate: 11**
+
+#### Admin App Information List Screens (OS_Wrapper):
+- [ ] `screens/Admin/App-Information/ScreenAppInformation.tsx` - NewWrapper → OS_Wrapper (main list with category tabs + pagination)
+- [ ] `screens/Admin/App-Information/ScreenBusinessFieldDetail.tsx` - NewWrapper → OS_Wrapper (detail with sub-bidang list + pagination)
+
+#### Admin Business Field Form Screens (OS_Wrapper with enableKeyboardHandling):
+- [ ] `app/(application)/admin/app-information/business-field/create.tsx` - ViewWrapper → OS_Wrapper + `enableKeyboardHandling` + `contentPaddingBottom={250}`
+- [ ] `app/(application)/admin/app-information/business-field/[id]/bidang-update.tsx` - ViewWrapper → OS_Wrapper + `enableKeyboardHandling` + `contentPaddingBottom={250}`
+- [ ] `app/(application)/admin/app-information/business-field/[id]/sub-bidang-update.tsx` - ViewWrapper → OS_Wrapper + `enableKeyboardHandling` + `contentPaddingBottom={250}`
+
+#### Admin Information Bank Form Screens (OS_Wrapper with enableKeyboardHandling):
+- [ ] `app/(application)/admin/app-information/information-bank/create.tsx` - ViewWrapper → OS_Wrapper + `enableKeyboardHandling` + `contentPaddingBottom={250}`
+- [ ] `app/(application)/admin/app-information/information-bank/[id]/index.tsx` - ViewWrapper → OS_Wrapper + `enableKeyboardHandling` + `contentPaddingBottom={250}`
+
+#### Admin Sticker Form Screens (OS_Wrapper static, no keyboard handling):
+- [ ] `app/(application)/admin/app-information/sticker/create.tsx` - ViewWrapper → OS_Wrapper (SelectCustom + CheckboxGroup only)
+- [ ] `app/(application)/admin/app-information/sticker/[id]/index.tsx` - ViewWrapper → OS_Wrapper (SelectCustom + CheckboxGroup only)
+
+**Testing Status:**
+- ⏳ TypeScript: Pending
+- ⏳ Build: Pending
+- ⏳ iOS Testing: Pending
+- ⏳ Android Testing: Pending
 
 ---