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

feature & fix

Browse Source 
deskripsi:
feature :
- forumku

fix :
- forum index
- Back button : bisa custom icon
- Button custom : di tambah href
# No Issue
This commit is contained in:
Bagasbanuna02
2025-07-14 14:12:01 +08:00
parent ac9dae7c5b
commit fbde2fd031
8 changed files with 172 additions and 75 deletions
Download Patch File Download Diff File Expand all files Collapse all files

148
screens/Forum/berandaSection.tsx
View File

@@ -1,76 +1,96 @@
import { BaseBox, Grid, AvatarCustom, TextCustom, ClickableCustom, Spacing } from "@/components";
import {
BaseBox,
Grid,
AvatarCustom,
TextCustom,
ClickableCustom,
Spacing,
} from "@/components";
import { MainColor } from "@/constants/color-palet";
import { ICON_SIZE_SMALL } from "@/constants/constans-value";
import { Entypo, Ionicons } from "@expo/vector-icons";
import { View } from "react-native";
import dayjs from "dayjs";
export default function Forum_BerandaSection() {
return (
<>
{Array.from({ length: 10 }).map((e, i) => (
<BaseBox key={i}>
<View>
<Grid>
<Grid.Col span={2}>
<AvatarCustom />
</Grid.Col>
<Grid.Col span={8}>
<TextCustom>Nama User</TextCustom>
<TextCustom bold size="small" color="green">
Open
</TextCustom>
</Grid.Col>
const dateNow = dayjs().format("DD/MM/YYYY")
return (
<>
{Array.from({ length: 10 }).map((e, i) => (
<BaseBox key={i}>
<View>
<Grid>
<Grid.Col span={2}>
<AvatarCustom />
</Grid.Col>
<Grid.Col span={8}>
<TextCustom>Nama User</TextCustom>
<TextCustom bold size="small" color="green">
Open
</TextCustom>
</Grid.Col>
<Grid.Col
span={2}
style={{
justifyContent: "center",
}}
>
<ClickableCustom
onPress={() => {}}
style={{
alignItems: "flex-end",
}}
>
<Entypo
name="dots-three-horizontal"
color={MainColor.white}
size={ICON_SIZE_SMALL}
/>
</ClickableCustom>
</Grid.Col>
</Grid>
<View
<Grid.Col
span={2}
style={{
backgroundColor: MainColor.soft_darkblue,
padding: 8,
borderRadius: 8,
justifyContent: "center",
}}
>
<TextCustom truncate={2}>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Vitae
inventore iure pariatur, libero omnis excepturi. Ullam ad
officiis deleniti quos esse odit nesciunt, ipsam adipisci
cumque aliquam corporis culpa fugit?
</TextCustom>
</View>
<Spacing />
<ClickableCustom
onPress={() => {}}
style={{
alignItems: "flex-end",
}}
>
<Entypo
name="dots-three-horizontal"
color={MainColor.white}
size={ICON_SIZE_SMALL}
/>
</ClickableCustom>
</Grid.Col>
</Grid>
<View
style={{ flexDirection: "row", alignItems: "center", gap: 10 }}
>
<Ionicons
name="chatbubble-outline"
size={ICON_SIZE_SMALL}
color={MainColor.white}
/>
<TextCustom>2</TextCustom>
</View>
<View
style={{
backgroundColor: MainColor.soft_darkblue,
padding: 8,
borderRadius: 8,
}}
>
<TextCustom truncate={2}>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Vitae
inventore iure pariatur, libero omnis excepturi. Ullam ad
officiis deleniti quos esse odit nesciunt, ipsam adipisci cumque
aliquam corporis culpa fugit?
</TextCustom>
</View>
</BaseBox>
))}
</>
);
}
<Spacing />
<Grid>
<Grid.Col span={6}>
<View
style={{
flexDirection: "row",
alignItems: "center",
gap: 10,
}}
>
<Ionicons
name="chatbubble-outline"
size={ICON_SIZE_SMALL}
color={MainColor.white}
/>
<TextCustom>2</TextCustom>
</View>
</Grid.Col>
<Grid.Col span={6} style={{ alignItems: "flex-end" }}>
<TextCustom size="small"> {dateNow}</TextCustom>
</Grid.Col>
</Grid>
</View>
</BaseBox>
))}
</>
);
}