wibu/sistem-desa-mandiri
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge pull request #9 from bipproduction/lukman-sdm-3-juni-2024

Browse Source 
Lukman sdm 3 juni 2024
This commit is contained in:
Amalia
2024-07-03 17:36:00 +08:00
committed by GitHub
parent 5950183e85 853dea9ec3
commit 0c268ad2d4
5 changed files with 86 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/app/(application)/search/page.tsx Normal file
View File

@@ -0,0 +1,10 @@
import { ViewSearch } from '@/module/search';
import React from 'react';
function Page() {
return (
<ViewSearch/>
);
}
export default Page;

20
src/module/home/view/view_detail_feature.tsx
View File

@@ -1,20 +1,28 @@
'use client'
import { LayoutNavbarHome, WARNA } from '@/module/_global'; import { LayoutNavbarHome, WARNA } from '@/module/_global';
import { ActionIcon, Box, Center, Grid, Group, SimpleGrid, Text } from '@mantine/core'; import { ActionIcon, Box, Center, Grid, Group, SimpleGrid, Text } from '@mantine/core';
import React from 'react'; import React from 'react';
import { HiMiniUserGroup, HiMiniPresentationChartBar, HiMegaphone, HiSquares2X2, HiChevronLeft, HiUserGroup, HiUsers } from "react-icons/hi2"; import { HiMiniUserGroup, HiMiniPresentationChartBar, HiMegaphone, HiSquares2X2, HiChevronLeft, HiUserGroup, HiUsers } from "react-icons/hi2";
import { PiUsersFourFill } from "react-icons/pi"; import { PiUsersFourFill } from "react-icons/pi";
import { FaUsersRays, FaUserTie } from "react-icons/fa6"; import { FaUsersRays, FaUserTie } from "react-icons/fa6";
import { useRouter } from 'next/navigation';
export default function ViewDetailFeature() { export default function ViewDetailFeature() {
const router = useRouter()
return ( return (
<> <>
<LayoutNavbarHome> <LayoutNavbarHome>
<Group > <Grid justify='center' align='center'>
<ActionIcon variant="light" bg={WARNA.bgIcon} size="lg" radius="lg" aria-label="Settings"> <Grid.Col span="auto">
<HiChevronLeft size={20} color='white' /> <ActionIcon variant="light" onClick={() => router.push('/home')} bg={WARNA.bgIcon} size="lg" radius="lg" aria-label="Settings">
</ActionIcon> <HiChevronLeft size={20} color='white' />
<Text fw={'bold'} c={'white'} >Semua Fitur</Text> </ActionIcon>
</Group> </Grid.Col>
<Grid.Col span={6}>
<Text ta={'center'} fw={'bold'} c={'white'} >SEMUA FITUR</Text>
</Grid.Col>
<Grid.Col span="auto"></Grid.Col>
</Grid>
</LayoutNavbarHome> </LayoutNavbarHome>
<Box p={20}> <Box p={20}>
<Box > <Box >

32
src/module/home/view/view_home.tsx
View File

@@ -4,27 +4,27 @@ import React from 'react';
import { HiMagnifyingGlass, HiOutlineBell, HiOutlineUser } from "react-icons/hi2"; import { HiMagnifyingGlass, HiOutlineBell, HiOutlineUser } from "react-icons/hi2";
import Carosole from '../components/carosole'; import Carosole from '../components/carosole';
import Features from '../components/features'; import Features from '../components/features';
import { useRouter } from 'next/navigation';
export default function ViewHome() { export default function ViewHome() {
const router = useRouter()
return ( return (
<> <>
<LayoutNavbarHome> <LayoutNavbarHome>
<Group justify='space-between'> <Group justify='space-between'>
<Text fw={'bold'} c={'white'} >Perbekal Darmasaba</Text> <Text fw={'bold'} c={'white'} >Perbekal Darmasaba</Text>
<Group> <Group>
<ActionIcon variant="light" bg={WARNA.bgIcon} size="lg" radius="lg" aria-label="Settings"> <ActionIcon onClick={() => router.push('/search')} variant="light" bg={WARNA.bgIcon} size="lg" radius="lg" aria-label="Settings">
<HiMagnifyingGlass size={20} color='white' /> <HiMagnifyingGlass size={20} color='white' />
</ActionIcon> </ActionIcon>
<ActionIcon variant="light" bg={WARNA.bgIcon} size="lg" radius="lg" aria-label="Settings"> <ActionIcon variant="light" bg={WARNA.bgIcon} size="lg" radius="lg" aria-label="Settings">
<HiOutlineBell size={20} color='white' /> <HiOutlineBell size={20} color='white' />
</ActionIcon> </ActionIcon>
<ActionIcon variant="light" bg={WARNA.bgIcon} size="lg" radius="lg" aria-label="Settings"> <ActionIcon variant="light" bg={WARNA.bgIcon} size="lg" radius="lg" aria-label="Settings">
<HiOutlineUser size={20} color='white' /> <HiOutlineUser size={20} color='white' />
</ActionIcon> </ActionIcon>
</Group> </Group>
</Group>
</LayoutNavbarHome>
<Box p={20}> <Box p={20}>
<Stack > <Stack >
<Carosole /> <Carosole />

3
src/module/search/index.ts Normal file
View File

@@ -0,0 +1,3 @@
import ViewSearch from "./view/view_search";
export {ViewSearch}

43
src/module/search/view/view_search.tsx Normal file
View File

@@ -0,0 +1,43 @@
'use client'
import { LayoutNavbarHome, WARNA } from '@/module/_global';
import { ActionIcon, Box, Grid, Text, TextInput } from '@mantine/core';
import { useRouter } from 'next/navigation';
import React from 'react';
import { HiChevronLeft, HiMagnifyingGlass } from 'react-icons/hi2';
export default function ViewSearch() {
const router = useRouter()
return (
<>
<LayoutNavbarHome>
<Grid justify='center' align='center'>
<Grid.Col span="auto">
<ActionIcon variant="light" onClick={() => router.push('/home')} bg={WARNA.bgIcon} size="lg" radius="lg" aria-label="Settings">
<HiChevronLeft size={20} color='white' />
</ActionIcon>
</Grid.Col>
<Grid.Col span={6}>
<Text ta={'center'} fw={'bold'} c={'white'} >PENCARIAN</Text>
</Grid.Col>
<Grid.Col span="auto"></Grid.Col>
</Grid>
</LayoutNavbarHome>
<Box p={20}>
<TextInput
styles={{
input: {
color: WARNA.biruTua,
borderRadius: WARNA.biruTua,
borderColor: WARNA.biruTua,
},
}}
size="md"
radius={30}
leftSection={<HiMagnifyingGlass size={20}/>}
placeholder="Pencarian"
/>
</Box>
</>
);
}