update react table added

package-lock.json

@@ -21,6 +21,7 @@
         "react-icons": "^4.3.1",
         "react-redux": "^7.2.6",
         "react-scripts": "5.0.0",
+        "react-table": "^7.7.0",
         "react-tooltip": "^4.2.21",
         "recharts": "^2.1.8",
         "redux": "^4.1.2",
@@ -13892,6 +13893,18 @@
         "react-dom": "^15.0.0 || ^16.0.0 || ^17.0.0"
       }
     },
+    "node_modules/react-table": {
+      "version": "7.7.0",
+      "resolved": "https://registry.npmjs.org/react-table/-/react-table-7.7.0.tgz",
+      "integrity": "sha512-jBlj70iBwOTvvImsU9t01LjFjy4sXEtclBovl3mTiqjz23Reu0DKnRza4zlLtOPACx6j2/7MrQIthIK1Wi+LIA==",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/tannerlinsley"
+      },
+      "peerDependencies": {
+        "react": "^16.8.3 || ^17.0.0-0"
+      }
+    },
     "node_modules/react-tooltip": {
       "version": "4.2.21",
       "resolved": "https://registry.npmjs.org/react-tooltip/-/react-tooltip-4.2.21.tgz",
@@ -26768,6 +26781,12 @@
         "react-transition-group": "2.9.0"
       }
     },
+    "react-table": {
+      "version": "7.7.0",
+      "resolved": "https://registry.npmjs.org/react-table/-/react-table-7.7.0.tgz",
+      "integrity": "sha512-jBlj70iBwOTvvImsU9t01LjFjy4sXEtclBovl3mTiqjz23Reu0DKnRza4zlLtOPACx6j2/7MrQIthIK1Wi+LIA==",
+      "requires": {}
+    },
     "react-tooltip": {
       "version": "4.2.21",
       "resolved": "https://registry.npmjs.org/react-tooltip/-/react-tooltip-4.2.21.tgz",

package.json

@@ -16,6 +16,7 @@
     "react-icons": "^4.3.1",
     "react-redux": "^7.2.6",
     "react-scripts": "5.0.0",
+    "react-table": "^7.7.0",
     "react-tooltip": "^4.2.21",
     "recharts": "^2.1.8",
     "redux": "^4.1.2",

src/App.js

@@ -65,7 +65,7 @@ function App() {
         {/* <HeaderDesign1 /> */}
         {/* <ContactInfoSection /> */}
         {/* <FooterDesign1 /> */}
-        <Testttt />
+        {/* <Testttt /> */}
         {/* <Design2D /> */}
         {/* <Features /> */}
         {/* <Feedback /> */}
@@ -83,7 +83,7 @@ function App() {
         {/* <SidebarDesign2 /> */}
         {/* <SimpleBarChart /> */}
         {/* <SpecifiedDomainRadarChart /> */}
-        <Design1 />
+        {/* <Design1 /> */}
         {/* <Design2 /> */}
         {/* <TableDesign1 /> */}
       </div>

src/components/testtttt/Testttt.js

@@ -19,12 +19,12 @@ export const Testttt = ({ bookBackCoverBg }) => {
             // maxHeight: "300px",
           }}
         >
-          <img
+          {/* <img
             src={bookCover}
             alt=""
             className="h-full absolute left-0 top-1/2 transform -translate-y-1/2 translate-x-4 z-0"
-          />
+          /> */}
-          <div className="bg-green-400 w-4 rounded-tl-lg rounded-bl-lg h-full absolute left-0 top-1/2 transform -translate-y-1/2 translate-x-4 z-0"></div>
+          <div className="bg-green-400 w-4 rounded-tl-lg rounded-bl-lg h-full absolute left-0 top-1/2 transform -translate-y-1/2 translate-x-6 z-0"></div>
         </div>
       </div>
     </section>

yarn.lock

@@ -7615,6 +7615,11 @@
     "raf" "^3.4.0"
     "react-transition-group" "2.9.0"
 
+"react-table@^7.7.0":
+  "integrity" "sha512-jBlj70iBwOTvvImsU9t01LjFjy4sXEtclBovl3mTiqjz23Reu0DKnRza4zlLtOPACx6j2/7MrQIthIK1Wi+LIA=="
+  "resolved" "https://registry.npmjs.org/react-table/-/react-table-7.7.0.tgz"
+  "version" "7.7.0"
+
 "react-tooltip@^4.2.21":
   "integrity" "sha512-zSLprMymBDowknr0KVDiJ05IjZn9mQhhg4PRsqln0OZtURAJ1snt1xi5daZfagsh6vfsziZrc9pErPTDY1ACig=="
   "resolved" "https://registry.npmjs.org/react-tooltip/-/react-tooltip-4.2.21.tgz"
@@ -7633,7 +7638,7 @@
     "prop-types" "^15.6.2"
     "react-lifecycles-compat" "^3.0.4"
 
-"react@*", "react@^15.0.0 || ^16.0.0 || ^17.0.0", "react@^16.0.0 || ^17.0.0", "react@^16.8.3 || ^17", "react@^16.9.0 || ^17.0.0 || 18.0.0-beta", "react@^17.0.2", "react@>= 16", "react@>= 16.8.0 < 18.0.0", "react@>=15.0.0", "react@>=16.0.0", "react@>=16.x", "react@17.0.2":
+"react@*", "react@^15.0.0 || ^16.0.0 || ^17.0.0", "react@^16.0.0 || ^17.0.0", "react@^16.8.3 || ^17", "react@^16.8.3 || ^17.0.0-0", "react@^16.9.0 || ^17.0.0 || 18.0.0-beta", "react@^17.0.2", "react@>= 16", "react@>= 16.8.0 < 18.0.0", "react@>=15.0.0", "react@>=16.0.0", "react@>=16.x", "react@17.0.2":
   "integrity" "sha512-gnhPt75i/dq/z3/6q/0asP78D0u592D5L1pd7M8P+dck6Fu/jJeL6iVVK23fptSUZj8Vjf++7wXA8UNclGQcbA=="
   "resolved" "https://registry.npmjs.org/react/-/react-17.0.2.tgz"
   "version" "17.0.2"