Add: - (user)/collaboration/[id]/[detail]/ Fix: - collaboration/(tabs)/group # No Issue
68 lines
1.6 KiB
TypeScript
68 lines
1.6 KiB
TypeScript
import { BaseBox, Grid, TextCustom } from "@/components";
|
|
import ViewWrapper from "@/components/_ShareComponent/ViewWrapper";
|
|
import { MainColor } from "@/constants/color-palet";
|
|
import { Feather } from "@expo/vector-icons";
|
|
|
|
export default function CollaborationGroup() {
|
|
|
|
|
|
return (
|
|
<ViewWrapper hideFooter>
|
|
{Array.from({ length: 10 }).map((_, index) => (
|
|
<BaseBox
|
|
key={index}
|
|
paddingBlock={5}
|
|
href={`/collaboration/${index}/${generateProjectName()}/room-chat`}
|
|
>
|
|
<Grid>
|
|
<Grid.Col span={10}>
|
|
<TextCustom bold>{generateProjectName()}</TextCustom>
|
|
<TextCustom size="small">2 Anggota</TextCustom>
|
|
</Grid.Col>
|
|
<Grid.Col
|
|
span={2}
|
|
style={{ alignItems: "flex-end", justifyContent: "center" }}
|
|
>
|
|
<Feather name="chevron-right" size={20} color={MainColor.white} />
|
|
</Grid.Col>
|
|
</Grid>
|
|
</BaseBox>
|
|
))}
|
|
</ViewWrapper>
|
|
);
|
|
}
|
|
|
|
|
|
function generateProjectName() {
|
|
const adjectives = [
|
|
"Blue",
|
|
"Dark",
|
|
"Bright",
|
|
"Quantum",
|
|
"Silent",
|
|
"Cyber",
|
|
"Epic",
|
|
"Golden",
|
|
"Shadow",
|
|
"Rapid",
|
|
];
|
|
|
|
const nouns = [
|
|
"Spark",
|
|
"Core",
|
|
"Orbit",
|
|
"Nest",
|
|
"Drive",
|
|
"Nova",
|
|
"Cloud",
|
|
"Blade",
|
|
"Matrix",
|
|
"Link",
|
|
];
|
|
|
|
const randomAdjective =
|
|
adjectives[Math.floor(Math.random() * adjectives.length)];
|
|
const randomNoun = nouns[Math.floor(Math.random() * nouns.length)];
|
|
|
|
return randomAdjective + randomNoun;
|
|
} |