wibu/hipmi-mobile
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Deskripsi:

Browse Source 
Event:
Add menu drawer draft
Fix event layoutk, index (beranda) , kontribusi

Comp
Add share avatar-username

# No Issue
This commit is contained in:
Bagasbanuna02
2025-07-22 10:35:47 +08:00
parent c8cc0f0232
commit 08dfd62bfd
7 changed files with 147 additions and 171 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app/(application)/(user)/event/(tabs)/_layout.tsx
View File

@@ -30,7 +30,7 @@ export default function EventLayout() {
<Tabs.Screen
name="index"
options={{
title: "Home",
title: "Beranda",
tabBarIcon: ({ color }) => (
<Ionicons size={20} name="home" color={color} />
),

128
app/(application)/(user)/event/(tabs)/index.tsx
View File

@@ -1,7 +1,7 @@
/* eslint-disable @typescript-eslint/no-unused-vars */
import {
AvatarCustom,
AvatarUsernameAndOtherComponent,
BaseBox,
Grid,
StackCustom,
TextCustom,
} from "@/components";
@@ -11,6 +11,7 @@ import { router } from "expo-router";
export default function Event() {
const index = "test-id-event";
const status = "publish";
return (
<ViewWrapper
hideFooter
@@ -18,17 +19,13 @@ export default function Event() {
<FloatingButton onPress={() => router.push("/event/create")} />
}
>
{/* {Array.from({ length: 10 }).map((_, index) => (
<BaseBox key={index}>
{Array.from({ length: 10 }).map((_, index) => (
<BaseBox key={index} href={`/event/${index}/${status}/detail-event`}>
<StackCustom gap={"xs"}>
<Grid>
<Grid.Col span={2}>
<AvatarCustom href={`/profile/${index}`} />
</Grid.Col>
<Grid.Col span={10} style={{ justifyContent: "center" }}>
<TextCustom bold>Username</TextCustom>
</Grid.Col>
</Grid>
<AvatarUsernameAndOtherComponent
avatarHref={`/profile/${index}`}
name="Lorem ipsum dolor sit"
/>
<TextCustom truncate bold>
Lorem ipsum dolor sit
</TextCustom>
@@ -40,112 +37,7 @@ export default function Event() {
</TextCustom>
</StackCustom>
</BaseBox>
))} */}
<BaseBox>
<StackCustom gap={"xs"}>
<Grid>
<Grid.Col span={2}>
<AvatarCustom href={`/profile/${index}`} />
</Grid.Col>
<Grid.Col span={10} style={{ justifyContent: "center" }}>
<TextCustom bold>Username</TextCustom>
</Grid.Col>
</Grid>
<TextCustom truncate bold>
Lorem ipsum dolor sit
</TextCustom>
<TextCustom truncate={2}>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Porro sed
doloremque tempora soluta. Dolorem ex quidem ipsum tempora, ipsa,
obcaecati quia suscipit numquam, voluptates commodi porro impedit
natus quos doloremque!
</TextCustom>
</StackCustom>
</BaseBox>
<BaseBox>
<StackCustom gap={"xs"}>
<Grid>
<Grid.Col span={2}>
<AvatarCustom href={`/profile/${index}`} />
</Grid.Col>
<Grid.Col span={10} style={{ justifyContent: "center" }}>
<TextCustom bold>Username</TextCustom>
</Grid.Col>
</Grid>
<TextCustom truncate bold>
Lorem ipsum dolor sit
</TextCustom>
<TextCustom truncate={2}>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Porro sed
doloremque tempora soluta. Dolorem ex quidem ipsum tempora, ipsa,
obcaecati quia suscipit numquam, voluptates commodi porro impedit
natus quos doloremque!
</TextCustom>
</StackCustom>
</BaseBox>
<BaseBox>
<StackCustom gap={"xs"}>
<Grid>
<Grid.Col span={2}>
<AvatarCustom href={`/profile/${index}`} />
</Grid.Col>
<Grid.Col span={10} style={{ justifyContent: "center" }}>
<TextCustom bold>Username</TextCustom>
</Grid.Col>
</Grid>
<TextCustom truncate bold>
Lorem ipsum dolor sit
</TextCustom>
<TextCustom truncate={2}>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Porro sed
doloremque tempora soluta. Dolorem ex quidem ipsum tempora, ipsa,
obcaecati quia suscipit numquam, voluptates commodi porro impedit
natus quos doloremque!
</TextCustom>
</StackCustom>
</BaseBox>
<BaseBox>
<StackCustom gap={"xs"}>
<Grid>
<Grid.Col span={2}>
<AvatarCustom href={`/profile/${index}`} />
</Grid.Col>
<Grid.Col span={10} style={{ justifyContent: "center" }}>
<TextCustom bold>Username</TextCustom>
</Grid.Col>
</Grid>
<TextCustom truncate bold>
Lorem ipsum dolor sit
</TextCustom>
<TextCustom truncate={2}>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Porro sed
doloremque tempora soluta. Dolorem ex quidem ipsum tempora, ipsa,
obcaecati quia suscipit numquam, voluptates commodi porro impedit
natus quos doloremque!
</TextCustom>
</StackCustom>
</BaseBox>
<BaseBox>
<StackCustom gap={"xs"}>
<Grid>
<Grid.Col span={2}>
<AvatarCustom href={`/profile/${index}`} />
</Grid.Col>
<Grid.Col span={10} style={{ justifyContent: "center" }}>
<TextCustom bold>Username</TextCustom>
</Grid.Col>
</Grid>
<TextCustom truncate bold>
Lorem ipsum dolor sit
</TextCustom>
<TextCustom truncate={2}>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Porro sed
doloremque tempora soluta. Dolorem ex quidem ipsum tempora, ipsa,
obcaecati quia suscipit numquam, voluptates commodi porro impedit
natus quos doloremque!
</TextCustom>
</StackCustom>
</BaseBox>
))}
</ViewWrapper>
);
}

43
app/(application)/(user)/event/(tabs)/kontribusi.tsx
View File

@@ -1,11 +1,46 @@
import ViewWrapper from "@/components/_ShareComponent/ViewWrapper";
import { GStyles } from "@/styles/global-styles";
import { Text } from "react-native";
import {
AvatarCustom,
AvatarUsernameAndOtherComponent,
BaseBox,
Grid,
StackCustom,
TextCustom,
ViewWrapper
} from "@/components";
export default function Kontribusi() {
return (
<ViewWrapper>
<Text style={GStyles.textLabel}>Kontribusi</Text>
{Array.from({ length: 10 }).map((_, index) => (
<BaseBox key={index} href={`/event/${index}/publish/detail-event`}>
<StackCustom>
<AvatarUsernameAndOtherComponent
avatarHref={`/profile/${index}`}
rightComponent={
<TextCustom truncate>
{new Date().toDateString().split(" ")[2] +
", " +
new Date().toDateString().split(" ")[1] +
" " +
new Date().toDateString().split(" ")[3]}
</TextCustom>
}
/>
<TextCustom bold align="center" size="xlarge">
Judul Event Disini
</TextCustom>
<Grid>
{Array.from({ length: 4 }).map((_, index2) => (
<Grid.Col span={3} key={index2}>
<AvatarCustom size="sm" href={`/profile/${index2}`} />
</Grid.Col>
))}
</Grid>
</StackCustom>
</BaseBox>
))}
</ViewWrapper>
);
}