diff --git a/src/app/(application)/group/page.tsx b/src/app/(application)/group/page.tsx new file mode 100644 index 0000000..69da2f2 --- /dev/null +++ b/src/app/(application)/group/page.tsx @@ -0,0 +1,11 @@ +import React from 'react'; + +function Page() { + return ( +
+ Page +
+ ); +} + +export default Page; diff --git a/src/app/(application)/notification/page.tsx b/src/app/(application)/notification/page.tsx new file mode 100644 index 0000000..67c880a --- /dev/null +++ b/src/app/(application)/notification/page.tsx @@ -0,0 +1,10 @@ +import { ViewNotification } from '@/module/notification'; +import React from 'react'; + +function Page() { + return ( + + ); +} + +export default Page; diff --git a/src/app/(application)/position/page.tsx b/src/app/(application)/position/page.tsx new file mode 100644 index 0000000..69da2f2 --- /dev/null +++ b/src/app/(application)/position/page.tsx @@ -0,0 +1,11 @@ +import React from 'react'; + +function Page() { + return ( +
+ Page +
+ ); +} + +export default Page; diff --git a/src/app/(application)/project/page.tsx b/src/app/(application)/project/page.tsx new file mode 100644 index 0000000..af04bfb --- /dev/null +++ b/src/app/(application)/project/page.tsx @@ -0,0 +1,10 @@ +import { ViewProject } from '@/module/project'; +import React from 'react'; + +function Page() { + return ( + + ); +} + +export default Page; diff --git a/src/module/_global/fun/WARNA.ts b/src/module/_global/fun/WARNA.ts index a8d2c6c..38580ae 100644 --- a/src/module/_global/fun/WARNA.ts +++ b/src/module/_global/fun/WARNA.ts @@ -1,5 +1,6 @@ export const WARNA = { bgWhite: "#F4F9FD", biruTua: "#19345E", - bgIcon: "#384288" + bgIcon: "#384288", + borderOrange: "#FCAA4B" } \ No newline at end of file diff --git a/src/module/_global/index.ts b/src/module/_global/index.ts index 20d98f3..23e3719 100644 --- a/src/module/_global/index.ts +++ b/src/module/_global/index.ts @@ -1,4 +1,5 @@ import { WARNA } from "./fun/WARNA"; +import LayoutIconBack from "./layout/layout_icon_back"; import LoadingPage from "./layout/layout_loading_page"; import LayoutLogin from "./layout/layout_login"; import LayoutNavbarHome from "./layout/layout_navbar_home"; @@ -6,4 +7,5 @@ import LayoutNavbarHome from "./layout/layout_navbar_home"; export { WARNA } export { LayoutLogin } export { LayoutNavbarHome } -export { LoadingPage } \ No newline at end of file +export {LayoutIconBack} +export { LoadingPage } diff --git a/src/module/_global/layout/layout_icon_back.tsx b/src/module/_global/layout/layout_icon_back.tsx new file mode 100644 index 0000000..356012a --- /dev/null +++ b/src/module/_global/layout/layout_icon_back.tsx @@ -0,0 +1,19 @@ +'use client' +import { ActionIcon, Box } from '@mantine/core'; +import { useRouter } from 'next/navigation'; +import React from 'react'; +import { HiChevronLeft } from 'react-icons/hi2'; +import { WARNA } from '../fun/WARNA'; + +function LayoutIconBack({ back }: { back: string }) { + const router = useRouter() + return ( + + router.push(back)} bg={WARNA.bgIcon} size="lg" radius="lg" aria-label="Settings"> + + + + ); +} + +export default LayoutIconBack; diff --git a/src/module/home/components/features.tsx b/src/module/home/components/features.tsx index d6b584e..bdfd62e 100644 --- a/src/module/home/components/features.tsx +++ b/src/module/home/components/features.tsx @@ -28,7 +28,7 @@ export default function Features() { Divisi - + router.push('/project')}>
+ + router.push('/search')} variant="light" bg={WARNA.bgIcon} size="lg" radius="lg" aria-label="Settings"> + + + router.push('/notification')} variant="light" bg={WARNA.bgIcon} size="lg" radius="lg" aria-label="Settings"> + + + router.push('/profile')} variant="light" bg={WARNA.bgIcon} size="lg" radius="lg" aria-label="Settings"> + + + + + ); +} + diff --git a/src/module/home/view/view_detail_feature.tsx b/src/module/home/view/view_detail_feature.tsx index 939a0b5..e8848be 100644 --- a/src/module/home/view/view_detail_feature.tsx +++ b/src/module/home/view/view_detail_feature.tsx @@ -6,6 +6,7 @@ import { HiMiniUserGroup, HiMiniPresentationChartBar, HiMegaphone, HiSquares2X2, import { PiUsersFourFill } from "react-icons/pi"; import { FaUsersRays, FaUserTie } from "react-icons/fa6"; import { useRouter } from 'next/navigation'; +import LayoutIconBack from '@/module/_global/layout/layout_icon_back'; export default function ViewDetailFeature() { const router = useRouter() @@ -13,10 +14,8 @@ export default function ViewDetailFeature() { <> - - router.push('/home')} bg={WARNA.bgIcon} size="lg" radius="lg" aria-label="Settings"> - - + + SEMUA FITUR @@ -43,7 +42,7 @@ export default function ViewDetailFeature() { Divisi
- + router.push('/project')}>
Anggota
- + router.push('/group')}>
Group
- + router.push('/position')}>
Perbekal Darmasaba - - {/* router.push('/search')} variant="light" bg={WARNA.bgIcon} size="lg" radius="lg" aria-label="Settings"> - - */} - - - - - - - + diff --git a/src/module/notification/components/list_notification.tsx b/src/module/notification/components/list_notification.tsx new file mode 100644 index 0000000..f62834f --- /dev/null +++ b/src/module/notification/components/list_notification.tsx @@ -0,0 +1,94 @@ +"use client" +import { WARNA } from '@/module/_global'; +import { ActionIcon, Box, Center, Grid, Group, ScrollArea, Text } from '@mantine/core'; +import { useRouter } from 'next/navigation'; +import React from 'react'; +import { HiUser } from 'react-icons/hi2'; + +const dataNotification = [ + { + id: 1, + title: 'Rapat Kamis', + description: 'Dipta menambahkan berkas di document dan file.', + }, + { + id: 2, + title: 'Rapat Jumat', + description: 'Dipta menambahkan berkas di document dan file.', + }, + { + id: 3, + title: 'Rapat Senin', + description: 'Dipta menambahkan berkas di document dan file.', + }, + { + id: 4, + title: 'Rapat Selasa', + description: 'Dipta menambahkan berkas di document dan file.', + }, + { + id: 5, + title: 'Rapat Rabu', + description: 'Dipta menambahkan berkas di document dan file.', + }, + { + id: 5, + title: 'Rapat Rabu', + description: 'Dipta menambahkan berkas di document dan file.', + }, + { + id: 5, + title: 'Rapat Rabu', + description: 'Dipta menambahkan berkas di document dan file.', + }, + { + id: 5, + title: 'Rapat Rabu', + description: 'Dipta menambahkan berkas di document dan file.', + }, + { + id: 5, + title: 'Rapat Rabu', + description: 'Dipta menambahkan berkas di document dan file.', + }, + { + id: 5, + title: 'Rapat Rabu', + description: 'Dipta menambahkan berkas di document dan file.', + }, + { + id: 5, + title: 'Rapat Rabu', + description: 'Dipta menambahkan berkas di document dan file.', + }, +] + +export default function ListNotification() { + const router = useRouter() + return ( + + {dataNotification.map((v, i) => { + return ( + + + + + + + + + {v.title} + {v.description} + + + + ) + })} + + ); +} + diff --git a/src/module/notification/components/ui/navbar_notification.tsx b/src/module/notification/components/ui/navbar_notification.tsx new file mode 100644 index 0000000..55e6a4b --- /dev/null +++ b/src/module/notification/components/ui/navbar_notification.tsx @@ -0,0 +1,25 @@ +"use client" +import { LayoutIconBack, LayoutNavbarHome } from '@/module/_global'; +import { Box, Grid, Text } from '@mantine/core'; +import { useRouter } from 'next/navigation'; +import React from 'react'; + +export default function NavbarNotification() { + const router = useRouter() + return ( + + + + + + + + NOTIFIKASI + + + + + + ); +} + diff --git a/src/module/notification/index.ts b/src/module/notification/index.ts new file mode 100644 index 0000000..46ca4d0 --- /dev/null +++ b/src/module/notification/index.ts @@ -0,0 +1,3 @@ +import ViewNotification from "./view/view_notification"; + +export {ViewNotification} \ No newline at end of file diff --git a/src/module/notification/view/view_notification.tsx b/src/module/notification/view/view_notification.tsx new file mode 100644 index 0000000..11b4d27 --- /dev/null +++ b/src/module/notification/view/view_notification.tsx @@ -0,0 +1,18 @@ +import { LayoutIconBack, LayoutNavbarHome } from '@/module/_global' +import { Box, Grid, ScrollArea, Text } from '@mantine/core' +import React from 'react' +import NavbarNotification from '../components/ui/navbar_notification' +import ListNotification from '../components/list_notification' + +export default function ViewNotification() { + return ( + + + + + + + + + ) +} diff --git a/src/module/project/index.ts b/src/module/project/index.ts index e69de29..8d44769 100644 --- a/src/module/project/index.ts +++ b/src/module/project/index.ts @@ -0,0 +1,3 @@ +import ViewProject from "./view/view_project"; + +export {ViewProject} \ No newline at end of file diff --git a/src/module/project/view/view_project.tsx b/src/module/project/view/view_project.tsx new file mode 100644 index 0000000..aa17b79 --- /dev/null +++ b/src/module/project/view/view_project.tsx @@ -0,0 +1,10 @@ +import React from 'react'; + +export default function ViewProject() { + return ( +
+ ViewProject +
+ ); +} + diff --git a/src/module/search/components/ui/navbar_search.tsx b/src/module/search/components/ui/navbar_search.tsx new file mode 100644 index 0000000..e8e8640 --- /dev/null +++ b/src/module/search/components/ui/navbar_search.tsx @@ -0,0 +1,25 @@ +"use client" +import { LayoutIconBack, LayoutNavbarHome } from '@/module/_global'; +import { Box, Grid, Text } from '@mantine/core'; +import { useRouter } from 'next/navigation'; +import React from 'react'; + +export default function NavbarSearch() { + const router = useRouter() + return ( + + + + + + + + PENCARIAN + + + + + + ); +} + diff --git a/src/module/search/view/view_search.tsx b/src/module/search/view/view_search.tsx index 7ad2edf..bf88855 100644 --- a/src/module/search/view/view_search.tsx +++ b/src/module/search/view/view_search.tsx @@ -1,27 +1,15 @@ -'use client' -import { LayoutNavbarHome, WARNA } from '@/module/_global'; + +import { LayoutIconBack, 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'; +import NavbarSearch from '../components/ui/navbar_search'; export default function ViewSearch() { - const router = useRouter() return ( <> - - - - router.push('/home')} bg={WARNA.bgIcon} size="lg" radius="lg" aria-label="Settings"> - - - - - PENCARIAN - - - - + } + leftSection={} placeholder="Pencarian" />