Job:

Add:
- app/(application)/(user)/job/

Event:
Fix:
- app/(application)/(user)/event/(tabs)/_layout.tsx : penggunaan icon terpusat

Collaboration:
Fix:
- app/(application)/(user)/collaboration/(tabs)/_layout.tsx : penggunaan icon terpusat

Home
Fix:
- Penambahan onPres ke job

Component
Add:
- Icon: home, status

# No Issue

app/(application)/(user)/_layout.tsx

@@ -150,6 +150,24 @@ export default function UserLayout() {
 
         {/* ========== End Collaboration Section ========= */}
 
+        {/* ========== Job Section ========= */}
+        <Stack.Screen
+          name="job/create"
+          options={{
+            title: "Tambah Lowongan Pekerjaan",
+            headerLeft: () => <BackButton />,
+          }}
+        />
+        <Stack.Screen
+          name="job/(tabs)"
+          options={{
+            title: "Job Vacancy",
+            headerLeft: () => <BackButton />,
+          }}
+        />
+
+        {/* ========== End Job Section ========= */}
+
         {/* ========== Forum Section ========= */}
         <Stack.Screen
           name="forum/create"

app/(application)/(user)/collaboration/(tabs)/_layout.tsx

@@ -1,3 +1,4 @@
+import { IconHome } from "@/components/_Icon";
 import { TabsStyles } from "@/styles/tabs-styles";
 import { Ionicons } from "@expo/vector-icons";
 import { Tabs } from "expo-router";
@@ -9,9 +10,7 @@ export default function CollaborationTabsLayout() {
         name="index"
         options={{
           title: "Beranda",
-          tabBarIcon: ({ color }) => (
-            <Ionicons size={20} name="home" color={color} />
-          ),
+          tabBarIcon: ({ color }) => <IconHome color={color} />,
         }}
       />
       <Tabs.Screen

app/(application)/(user)/event/(tabs)/_layout.tsx

@@ -1,3 +1,4 @@
+import { IconHome, IconStatus } from "@/components/_Icon";
 import { TabsStyles } from "@/styles/tabs-styles";
 import { FontAwesome5, Ionicons } from "@expo/vector-icons";
 import { Tabs } from "expo-router";
@@ -12,7 +13,7 @@ export default function EventTabsLayout() {
         options={{
           title: "Beranda",
           tabBarIcon: ({ color }) => (
-            <Ionicons size={20} name="home" color={color} />
+            <IconHome color={color}/>
           ),
         }}
       />
@@ -21,7 +22,7 @@ export default function EventTabsLayout() {
         options={{
           title: "Status",
           tabBarIcon: ({ color }) => (
-            <Ionicons size={20} name="list" color={color} />
+            <IconStatus color={color}/>
           ),
         }}
       />

app/(application)/(user)/job/(tabs)/_layout.tsx

@@ -0,0 +1,34 @@
+import { IconHome, IconStatus } from "@/components/_Icon";
+import { TabsStyles } from "@/styles/tabs-styles";
+import { Ionicons } from "@expo/vector-icons";
+import { Tabs } from "expo-router";
+
+export default function JobTabsLayout() {
+  return (
+    <Tabs screenOptions={TabsStyles}>
+      <Tabs.Screen
+        name="index"
+        options={{
+          title: "Beranda",
+          tabBarIcon: ({ color }) => <IconHome color={color} />,
+        }}
+      />
+      <Tabs.Screen
+        name="status"
+        options={{
+          title: "Status",
+          tabBarIcon: ({ color }) => <IconStatus color={color} />,
+        }}
+      />
+      <Tabs.Screen
+        name="archive"
+        options={{
+          title: "Arsip",
+          tabBarIcon: ({ color }) => (
+            <Ionicons size={20} name="archive" color={color} />
+          ),
+        }}
+      />
+    </Tabs>
+  );
+}

app/(application)/(user)/job/(tabs)/archive.tsx

@@ -0,0 +1,9 @@
+import { TextCustom, ViewWrapper } from "@/components";
+
+export default function JobArchive() {
+  return (
+    <ViewWrapper>
+      <TextCustom>Job Archive</TextCustom>
+    </ViewWrapper>
+  );
+}

app/(application)/(user)/job/(tabs)/index.tsx

@@ -0,0 +1,9 @@
+import { TextCustom, ViewWrapper } from "@/components";
+
+export default function JobBeranda() {
+    return (
+        <ViewWrapper>
+            <TextCustom>Job Beranda</TextCustom>
+        </ViewWrapper>
+    );
+}

app/(application)/(user)/job/(tabs)/status.tsx

@@ -0,0 +1,9 @@
+import { TextCustom, ViewWrapper } from "@/components";
+
+export default function JobStatus() {
+  return (
+    <ViewWrapper>
+      <TextCustom>Job Status</TextCustom>
+    </ViewWrapper>
+  );
+}

app/(application)/(user)/job/create.tsx

@@ -0,0 +1,9 @@
+import { TextCustom, ViewWrapper } from "@/components";
+
+export default function JobCreate() {
+  return (
+    <ViewWrapper>
+      <TextCustom>Job Create</TextCustom>
+    </ViewWrapper>
+  );
+}