diff --git a/src/App.js b/src/App.js
index 5765906..7aa2f4f 100644
--- a/src/App.js
+++ b/src/App.js
@@ -60,6 +60,9 @@ import SemiDonut from "./components/SemiDonut";
 import FolderTree from "./components/FolderTree";
 import GridListTable from "./components/GridListTable";
 import PopupCard from "./components/PopupCard";
+import OutlineInput from "./components/OutlineInput";
+import CancleIcon from "./components/CancleIcon";
+import ButtonNewDesign from "./components/ButtonNewDesign";
 
 // import Digikala from "./components/Digikala/ImageSlider";
 
@@ -104,8 +107,8 @@ function App() {
         {/* <TableDesign1 /> */}
         {/* <ReactTable2 /> */}
         {/* <ReactTable3 /> */}
-        {/* <ReactTable4 /> */}
-        {/* <ReactTable5 /> */}
+        <ReactTable4 />
+        <ReactTable5 />
         {/* <Digikala /> */}
         {/* <HeaderDesign1 /> */}
         {/* <div className="flex">
@@ -124,6 +127,9 @@ function App() {
         {/* <CardHolder /> */}
         {/* <UploadFile /> */}
         {/* <BarChartApex /> */}
+        <OutlineInput />
+        {/* <ButtonNewDesign /> */}
+        {/* <CancleIcon /> */}
         {/* <SemiDonut /> */}
         {/* <FolderTree /> */}
         {/* <GridListTable /> */}