3 files changed, 25 insertions, 8 deletions
diff --git a/src/modules/result/components/MoreMenu.tsx b/src/modules/result/components/MoreMenu.tsx
index 03c9786..cd4e8be 100644
--- a/src/modules/result/components/MoreMenu.tsx
+++ b/src/modules/result/components/MoreMenu.tsx
@@ -1,16 +1,29 @@
 "use client";
 import { Button, Dropdown, DropdownItem, DropdownMenu, DropdownTrigger, useDisclosure } from '@nextui-org/react'
 import { MoreVerticalIcon } from 'lucide-react'
-import React from 'react'
+import React, { useState, useEffect } from 'react'
 import ImportModal from './ImportModal';
 import ProductModal from './ProductModal';
 import getClientCredential from '@/common/libs/getClientCredential';
 
+type Credential = {
+  team: string;
+};
+
 const MoreMenu = () => {
-  const credential = getClientCredential()
+  const [credential, setCredential] = useState<Credential | null>(null);
   const importModal = useDisclosure();
   const productModal = useDisclosure();
 
+  useEffect(() => {
+    const cred = getClientCredential();
+    setCredential(cred);
+  }, []);
+
+  if (!credential || credential.team !== 'VERIFICATION') {
+    return null;
+  }
+
   return credential && credential.team == 'VERIFICATION' && (
     <>
       <Dropdown>
diff --git a/src/modules/result/components/Table.tsx b/src/modules/result/components/Table.tsx
index 94ed5bf..fc40932 100644
--- a/src/modules/result/components/Table.tsx
+++ b/src/modules/result/components/Table.tsx
@@ -99,7 +99,8 @@ const Table = () => {
 
       <div className="w-full flex-1 overflow-auto pb-4">
         <table className="w-full">
-          <thead className={styles.thead}>
+        <thead className={styles.thead}>
+          <tr>
             <th className={styles.th}>STATUS</th>
             <th className={clsxm(styles.th, '!text-left')}>NAMA PRODUK</th>
             <th className={styles.th}>TIM HITUNG 1</th>
@@ -109,7 +110,8 @@ const Table = () => {
             <th className={styles.th}>ON-HAND QTY</th>
             <th className={styles.th}>GUDANG SELISIH</th>
             <th className={styles.th}></th>
-          </thead>
+          </tr>
+        </thead>
           <tbody className={styles.tbody}>
             {!isLoading && stockOpnames.data?.result.map((stockOpname: StockOpnameRes['result']) => (
               <>
diff --git a/src/modules/result/index.tsx b/src/modules/result/index.tsx
index cbb2173..095b4db 100644
--- a/src/modules/result/index.tsx
+++ b/src/modules/result/index.tsx
@@ -1,15 +1,17 @@
 import { Spacer } from "@nextui-org/react"
 import Filter from "./components/Filter"
-import styles from "./result.module.css"
 import Table from "./components/Table"
 import MoreMenu from "./components/MoreMenu"
+import { Suspense } from "react"
 
 const Result = () => {
   return (
     <>
-      <div className={styles.wrapper}>
-        <div className={styles.title}>Stock Opname Result</div>
-        <MoreMenu />
+      <div className="flex justify-between items-center">
+        <div className="font-semibold text-xl">Stock Opname Result</div>
+        <Suspense fallback={<div>Loading...</div>}>
+          <MoreMenu />
+        </Suspense>
       </div>
       <Spacer y={4} />
       <Filter />