update table added

src/components/ReactTable2/Table.js

@@ -151,23 +151,23 @@ function Table({ columns, data }) {
                         // we can add them into the header props
                         <th
                           scope="col"
-                          className="group px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider"
+                          className="px-6 py-3 text-xs text-blue-600 bg-gray-200"
                           {...column.getHeaderProps(
                             column.getSortByToggleProps()
                           )}
                         >
-                          <div className="flex items-center justify-between">
+                          <div className="flex items-center">
                             {column.render("Header")}
                             {/* Add a sort direction indicator */}
                             <span>
                               {column.isSorted ? (
                                 column.isSortedDesc ? (
-                                  <SortDownIcon className="w-4 h-4 text-gray-400" />
+                                  <SortUpIcon className="w-4 h-4 text-gray-400 mr-1" />
                                 ) : (
-                                  <SortUpIcon className="w-4 h-4 text-gray-400" />
+                                  <SortDownIcon className="w-4 h-4 text-gray-400 mr-1" />
                                 )
                               ) : (
-                                <SortIcon className="w-4 h-4 text-gray-400 opacity-0 group-hover:opacity-100" />
+                                <SortIcon className="w-4 h-4 text-gray-400 opacity-0 group-hover:opacity-100 mr-1" />
                               )}
                             </span>
                           </div>
@@ -225,8 +225,9 @@ function Table({ columns, data }) {
           {/* numbers */}
           <div className="flex gap-x-2 items-baseline">
             <span className="text-sm text-gray-700">
-              صفحه <span className="font-medium">{state.pageIndex + 1}</span> از
-              <span className="font-medium">{pageOptions.length}</span>
+              صفحه <span className="font-medium"> {state.pageIndex + 1} </span>
+              از
+              <span className="font-medium"> {pageOptions.length} </span>
             </span>
             <label>
               <span className="sr-only">ایتم های موجود در هر صفحه</span>

src/components/ReactTable2/index.js

@@ -7,7 +7,7 @@ const getData = () => {
       name: "مایکروویر سامسونگ مدل	",
       // email: "jane.cooper@example.com",
       status: true,
-      date: "1400/09/21",
+      date: "1399/09/21",
       price: 20000,
       // imgUrl:
       //   "https://images.unsplash.com/photo-1494790108377-be9c29b29330?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=4&w=256&h=256&q=60",
@@ -15,31 +15,31 @@ const getData = () => {
     {
       name: "آزمون آنلاین درس علوم تجربی	",
       status: false,
-      date: "1400/09/21",
+      date: "1399/09/23",
       price: 18000,
     },
     {
       name: "مایکروویر سامسونگ مدل	",
       status: true,
-      date: "1400/09/21",
+      date: "1392/09/21",
       price: 20000,
     },
     {
       name: "آزمون آنلاین درس علوم تجربی	",
       status: false,
-      date: "1400/09/21",
+      date: "1375/09/21",
       price: 18000,
     },
     {
       name: "مایکروویر سامسونگ مدل	",
       status: true,
-      date: "1400/09/21",
+      date: "1360/09/21",
       price: 27000000,
     },
     {
       name: "آزمون آنلاین درس علوم تجربی	",
       status: false,
-      date: "1400/09/21",
+      date: "1404/09/21",
       price: 1000,
     },
   ];