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

# Voting Admin

Browse Source 
## feat
- Tampilan kontributor
### No issuue
This commit is contained in:
Bagasbanuna02
2024-02-19 17:53:06 +08:00
parent 8eff63ba50
commit b9dc85fb1c
14 changed files with 387 additions and 138 deletions
Download Patch File Download Diff File Expand all files Collapse all files

116
src/app_modules/user_search/main/index.tsx
View File

@@ -13,72 +13,94 @@ import {
Stack,
Text,
TextInput,
Title,
} from "@mantine/core";
import { IconChevronRight, IconSearch } from "@tabler/icons-react";
import { useState } from "react";
import { UserSearch_searchByName } from "../fun/search/fun_search_by_name";
import { useRouter } from "next/navigation";
import ComponentGlobal_MaintenanceInformation from "@/app_modules/component_global/maintenance_information";
export default function UserSearch_MainView({
listUser,
}: {
listUser: MODEL_USER[];
}) {
const router = useRouter()
const router = useRouter();
const [user, setUser] = useState(listUser);
async function onSearch(name: string) {
await UserSearch_searchByName(name).then((res) => setUser(res as any));
}
return<></>
// return (
// <>
// <Box>
// {/* <pre>{JSON.stringify(user, null,2)}</pre>r */}
// <Stack spacing={"md"}>
// <TextInput
// icon={<IconSearch size={20} />}
// placeholder="Masukan nama pegguna"
// onChange={(val) => onSearch(val.target.value)}
// />
// {user.map((e) => (
// <Stack key={e.id} spacing={"xs"}>
// <Grid>
// <Grid.Col span={2}>
// {/* <Avatar
// radius={"xl"}
// size={"lg"}
// src={
// RouterProfile.api_foto_profile + `${e?.Profile.imagesId}`
// }
// /> */}
// </Grid.Col>
// <Grid.Col span={"auto"}>
// <Stack spacing={0}>
// <Text fw={"bold"} truncate>
// {e.Profile.name}
// </Text>
// <Text fz={"sm"} fs={"italic"}>
// +{e.nomor}
// </Text>
// </Stack>
// </Grid.Col>
// <Grid.Col span={2}>
// <Center h={"100%"}>
// <ActionIcon variant="transparent"
// onClick={() => router.push(RouterProfile.katalog + `${e.Profile.id}`)}
// >
// <IconChevronRight />
// </ActionIcon>
// </Center>
// </Grid.Col>
// </Grid>
// <Divider />
// </Stack>
// ))}
// </Stack>
// </Box>
// <Center h={"50vh"}>
// <ComponentGlobal_MaintenanceInformation/>
// </Center>
// </>
// );
return (
<>
<Box>
{/* <pre>{JSON.stringify(user, null,2)}</pre>r */}
<Stack spacing={"md"}>
<TextInput
icon={<IconSearch size={20} />}
placeholder="Masukan nama pegguna"
onChange={(val) => onSearch(val.target.value)}
/>
{!user ? (
""
) : (
<Box>
{user?.map((e) => (
<Stack key={e.id} spacing={"xs"}>
<Grid>
<Grid.Col span={2}>
<Center h={"100%"}>
<Avatar
radius={"xl"}
size={"md"}
src={
RouterProfile.api_foto_profile +
`${e?.Profile.imagesId}`
}
/>
</Center>
</Grid.Col>
<Grid.Col span={"auto"}>
<Stack spacing={0}>
<Text fw={"bold"} truncate>
{e.Profile.name}
</Text>
<Text fz={"sm"} fs={"italic"}>
+{e.nomor}
</Text>
</Stack>
</Grid.Col>
<Grid.Col span={2}>
<Center h={"100%"}>
<ActionIcon
variant="transparent"
onClick={() =>
router.push(
RouterProfile.katalog + `${e.Profile.id}`
)
}
>
<IconChevronRight />
</ActionIcon>
</Center>
</Grid.Col>
</Grid>
<Divider />
</Stack>
))}
</Box>
)}
</Stack>
</Box>
</>
);
}