Fix Icon Button & Modal Investasi & Event

This commit is contained in:
2025-01-20 17:46:20 +08:00
parent 1f46b6bfec
commit 44fd58dc7f
10 changed files with 219 additions and 30 deletions

View File

@@ -15,13 +15,15 @@ import {
TextInput,
Title,
} from "@mantine/core";
import { IconSearch } from "@tabler/icons-react";
import { IconDetails, IconEye, IconEyeCheck, IconInfoCircle, IconSearch } from "@tabler/icons-react";
import _ from "lodash";
import { useRouter } from "next/navigation";
import { useState } from "react";
import ComponentAdminGlobal_HeaderTamplate from "../../_admin_global/header_tamplate";
import ComponentAdminGlobal_IsEmptyData from "../../_admin_global/is_empty_data";
import { adminInvestasi_funGetAllPublish } from "../fun/get/get_all_publish";
import { ComponentAdminGlobal_TitlePage } from "../../_admin_global/_component";
import { MainColor } from "@/app_modules/_global/color";
export default function Admin_TablePublishInvestasi({
dataInvestsi,
@@ -111,6 +113,7 @@ function TableView({ listData }: { listData: any }) {
bg={"green"}
color="green"
radius={"xl"}
leftIcon={<IconEyeCheck size={20} />}
onClick={() => {
setIdData(e.id);
setLoading(true);
@@ -127,7 +130,21 @@ function TableView({ listData }: { listData: any }) {
return (
<>
<Stack spacing={"xs"} h={"100%"}>
<Group
<ComponentAdminGlobal_TitlePage
name="Publish"
color={MainColor.green}
component={
<TextInput
icon={<IconSearch size={20} />}
radius={"xl"}
placeholder="Cari nama proyek"
onChange={(val) => {
onSearch(val.currentTarget.value);
}}
/>
}
/>
{/* <Group
position="apart"
bg={"green.4"}
p={"xs"}
@@ -144,7 +161,7 @@ function TableView({ listData }: { listData: any }) {
onSearch(val.currentTarget.value);
}}
/>
</Group>
</Group> */}
{_.isEmpty(data) ? (
<ComponentAdminGlobal_IsEmptyData />

View File

@@ -19,7 +19,7 @@ import {
TextInput,
Title,
} from "@mantine/core";
import { IconChevronLeft, IconEdit, IconSearch } from "@tabler/icons-react";
import { IconChevronLeft, IconDetails, IconEdit, IconEyeCheck, IconSearch } from "@tabler/icons-react";
import _ from "lodash";
import { useRouter } from "next/navigation";
import { useState } from "react";
@@ -28,6 +28,8 @@ import ComponentAdminGlobal_IsEmptyData from "../../_admin_global/is_empty_data"
import { adminInvestasi_funGetAllReview } from "../fun/get/get_all_review";
import { adminInvestasi_funGetAllReject } from "../fun/get/get_all_reject";
import { RouterAdminInvestasi } from "@/app/lib/router_admin/router_admin_investasi";
import { ComponentAdminGlobal_TitlePage } from "../../_admin_global/_component";
import { MainColor } from "@/app_modules/_global/color";
export default function Admin_TableRejectInvestasi({
dataInvestsi,
@@ -169,7 +171,8 @@ function TableView({ listData }: { listData: any }) {
<Button
loading={isLoading && idData === e.id}
loaderPosition="center"
color="orange"
color="green"
leftIcon={<IconEyeCheck size={20}/>}
radius={"xl"}
onClick={() => {
setIdData(e.id);
@@ -187,7 +190,21 @@ function TableView({ listData }: { listData: any }) {
return (
<>
<Stack spacing={"xs"} h={"100%"}>
<Group
<ComponentAdminGlobal_TitlePage
name="Reject"
color={MainColor.red}
component={
<TextInput
icon={<IconSearch size={20} />}
radius={"xl"}
placeholder="Cari nama proyek"
onChange={(val) => {
onSearch(val.currentTarget.value);
}}
/>
}
/>
{/* <Group
position="apart"
bg={"red.4"}
p={"xs"}
@@ -204,7 +221,7 @@ function TableView({ listData }: { listData: any }) {
onSearch(val.currentTarget.value);
}}
/>
</Group>
</Group> */}
{_.isEmpty(data) ? (
<ComponentAdminGlobal_IsEmptyData />

View File

@@ -1,7 +1,7 @@
"use client";
import { gs_adminInvestasi_triggerReview } from "@/app/lib/global_state";
import { RouterAdminInvestasi_OLD } from "@/app/lib/router_hipmi/router_admin";
import { AccentColor } from "@/app_modules/_global/color";
import { AccentColor, MainColor } from "@/app_modules/_global/color";
import { MODEL_INVESTASI } from "@/app_modules/investasi/_lib/interface";
import {
Affix,
@@ -19,7 +19,7 @@ import {
Title,
} from "@mantine/core";
import { useShallowEffect } from "@mantine/hooks";
import { IconRefresh, IconSearch } from "@tabler/icons-react";
import { IconDetails, IconEyeCheck, IconRefresh, IconSearch } from "@tabler/icons-react";
import { useAtom } from "jotai";
import _ from "lodash";
import { useRouter } from "next/navigation";
@@ -28,6 +28,7 @@ import ComponentAdminGlobal_HeaderTamplate from "../../_admin_global/header_tamp
import ComponentAdminGlobal_IsEmptyData from "../../_admin_global/is_empty_data";
import ComponentAdminGlobal_TampilanRupiahDonasi from "../../_admin_global/tampilan_rupiah";
import { adminInvestasi_funGetAllReview } from "../fun/get/get_all_review";
import { ComponentAdminGlobal_TitlePage } from "../../_admin_global/_component";
export default function Admin_TableReviewInvestasi({
dataInvestsi,
@@ -132,7 +133,8 @@ function TableView({ listData }: { listData: any }) {
<Button
loading={isLoading && idData === e.id}
loaderPosition="center"
color="orange"
color="green"
leftIcon={<IconEyeCheck size={20}/>}
radius={"xl"}
onClick={() => {
setIdData(e.id);
@@ -150,7 +152,21 @@ function TableView({ listData }: { listData: any }) {
return (
<>
<Stack spacing={"xs"} h={"100%"}>
<Group
<ComponentAdminGlobal_TitlePage
name="Review"
color={MainColor.orange}
component={
<TextInput
icon={<IconSearch size={20} />}
radius={"xl"}
placeholder="Cari nama proyek"
onChange={(val) => {
onSearch(val.currentTarget.value);
}}
/>
}
/>
{/* <Group
position="apart"
bg={"orange.4"}
p={"xs"}
@@ -167,7 +183,7 @@ function TableView({ listData }: { listData: any }) {
onSearch(val.currentTarget.value);
}}
/>
</Group>
</Group> */}
{_.isEmpty(data) ? (
<ComponentAdminGlobal_IsEmptyData />