update

src/components/ReactTable5/BasicTable.js

@@ -144,7 +144,6 @@ const BasicTable = ({ addTab, activeTab }) => {
   return (
     <div className="bg-white p-4">
       <div className="mb-7 flex flex-row items-center justify-between">
-        {/* select View list */}
         <div className="flex flex-row items-center gap-x-5">
           <div className="flex flex-row items-center gap-x-2">
             <img
@@ -195,7 +194,7 @@ const BasicTable = ({ addTab, activeTab }) => {
             searchIcon={graySearchIcon}
             bgColor={"bg-transparent"}
             borderColor={"border-[#EEEEEE]"}
-            textColor={"text-[#DBDBDB]"}
+            textColor={"text-gray-500"}
             borderRadius={"rounded"}
             focusBorder={"focus:border-gray-200"}
             focusRing={"focus:ring-gray-200"}
@@ -205,7 +204,7 @@ const BasicTable = ({ addTab, activeTab }) => {
       {/* table LIST */}
       {activeTab === 0 ? (
         <>
-          {activeList === false && (
+          {activeList === true && (
             // table
             <table
               {...getTableProps()}
@@ -272,7 +271,7 @@ const BasicTable = ({ addTab, activeTab }) => {
             </table>
           )}
           {/* GRID LIST */}
-          {activeList === true && (
+          {activeList === false && (
             <div
               {...getTableBodyProps()}
               className="flex flex-row flex-wrap gap-4 items-center justify-center"

src/components/ReactTable5/GlobalFilter.js

@@ -52,6 +52,7 @@ export const GlobalFilter = ({
           ${focusBorder}
           ${focusRing}
         `}
+        placeholder="دنبال چه چیزی هستید"
       />
     </div>
   );