Deskripsi

Event:
Add  app/(application)/(user)/event/[id]/history

# No Issue"

components/Box/BaseBox.tsx

@@ -1,16 +1,14 @@
 import { AccentColor } from "@/constants/color-palet";
 import {
-  PADDING_EXTRA_SMALL,
   PADDING_MEDIUM,
-  PADDING_SMALL,
+  PADDING_SMALL
 } from "@/constants/constans-value";
 import { Href, router } from "expo-router";
 import {
   StyleProp,
-  TouchableHighlight,
   TouchableOpacity,
   View,
-  ViewStyle,
+  ViewStyle
 } from "react-native";
 
 interface BaseBoxProps {
@@ -20,6 +18,8 @@ interface BaseBoxProps {
   onPress?: () => void;
   marginBottom?: number;
   padding?: number;
+  paddingTop?: number;
+  paddingBottom?: number;
   paddingInline?: number;
   paddingBlock?: number;
 }
@@ -32,6 +32,8 @@ export default function BaseBox({
   marginBottom = PADDING_MEDIUM,
   paddingBlock = PADDING_MEDIUM,
   paddingInline = PADDING_SMALL,
+  paddingTop = PADDING_MEDIUM,
+  paddingBottom = PADDING_MEDIUM,
 }: BaseBoxProps) {
 
   return (
@@ -49,6 +51,8 @@ export default function BaseBox({
               marginBottom,
               paddingBlock,
               paddingInline,
+              paddingTop,
+              paddingBottom,
             },
             style,
           ]}

components/Box/BoxWithHeaderInformation.tsx

@@ -0,0 +1,20 @@
+import { Href } from "expo-router";
+import BaseBox from "./BaseBox";
+
+export default function BoxWithHeaderSection({
+  children,
+  href,
+  onPress,
+}: {
+  children: React.ReactNode;
+  href?: Href;
+  onPress?: () => void;
+}) {
+  return (
+    <>
+      <BaseBox href={href} onPress={onPress} paddingTop={5}>
+        {children}
+      </BaseBox>
+    </>
+  );
+}

components/index.ts

@@ -19,6 +19,7 @@ import Grid from "./Grid/GridCustom";
 // Box
 import BaseBox from "./Box/BaseBox";
 import BoxButtonOnFooter from "./Box/BoxButtonOnFooter";
+import BoxWithHeaderSection from "./Box/BoxWithHeaderInformation";
 import InformationBox from "./Box/InformationBox";
 // Stack
 import StackCustom from "./Stack/StackCustom";
@@ -38,30 +39,35 @@ import ClickableCustom from "./Clickable/ClickableCustom";
 // Scroll
 import ScrollableCustom from "./Scroll/ScrollCustom";
 // ShareComponent
+import AvatarUsernameAndOtherComponent from "./_ShareComponent/AvataraAndOtherHeaderComponent";
 import Spacing from "./_ShareComponent/Spacing";
 import ViewWrapper from "./_ShareComponent/ViewWrapper";
-import AvatarUsernameAndOtherComponent from "./_ShareComponent/AvataraAndOtherHeaderComponent";
 export {
   AlertCustom,
   // Image
   AvatarCustom,
-  LandscapeFrameUploaded,
+  // ShareComponent
+  AvatarUsernameAndOtherComponent, LeftButtonCustom as BackButton,
   // Box
   BaseBox,
-  BoxButtonOnFooter,
-  InformationBox,
+  BoxButtonOnFooter, BoxWithHeaderSection,
   // Button
   ButtonCenteredOnly,
   ButtonCustom,
-  LeftButtonCustom as BackButton,
-  DotButton,
+  // Center
+  CenterCustom,
+  // Clickable
+  ClickableCustom,
+  // Divider
+  DividerCustom, DotButton,
   // Drawer
   DrawerCustom,
-  MenuDrawerDynamicGrid,
   // Grid
-  Grid,
+  Grid, InformationBox, LandscapeFrameUploaded,
   // Map
-  MapCustom,
+  MapCustom, MenuDrawerDynamicGrid,
+  // Scroll
+  ScrollableCustom,
   // Select
   SelectCustom,
   // ShareComponent
@@ -75,15 +81,6 @@ export {
   // TextInput
   TextInputCustom,
   // ViewWrapper
-  ViewWrapper,
-  // Divider
-  DividerCustom,
-  // Center
-  CenterCustom,
-  // Clickable
-  ClickableCustom,
-  // Scroll
-  ScrollableCustom,
-  // ShareComponent
-  AvatarUsernameAndOtherComponent,
+  ViewWrapper
 };
+