From abdf98ccdb0d7e523ddb0652080810b5b346c795 Mon Sep 17 00:00:00 2001 From: mahdi andalib Date: Tue, 8 Feb 2022 16:14:10 +0330 Subject: [PATCH] update --- src/App.js | 2 +- src/components/ReactTable3/Buttons.js | 15 ++++++++++++--- src/components/ReactTable3/EditButtons.js | 11 +++++++---- src/components/ReactTable3/search-normal.svg | 10 ++++++++++ src/components/Sidebar/SidebarDesign2/index.js | 2 +- 5 files changed, 31 insertions(+), 9 deletions(-) create mode 100644 src/components/ReactTable3/search-normal.svg diff --git a/src/App.js b/src/App.js index 03f6f75..fcba004 100644 --- a/src/App.js +++ b/src/App.js @@ -82,7 +82,7 @@ function App() { {/* */} {/* */} {/* */} - {/* */} + {/* */} {/* */} {/* */} diff --git a/src/components/ReactTable3/Buttons.js b/src/components/ReactTable3/Buttons.js index 6ec1540..2ab1a1f 100644 --- a/src/components/ReactTable3/Buttons.js +++ b/src/components/ReactTable3/Buttons.js @@ -2,15 +2,24 @@ import arrowIcon from './arrow-icon.svg'; import more from './more.svg'; import edit from './edit.svg'; +import { useState } from 'react'; + export function Buttons({ }) { + const [activeDetails, setActiveDetails] = useState(null); return ( -
- +
+ +
+
); } diff --git a/src/components/ReactTable3/EditButtons.js b/src/components/ReactTable3/EditButtons.js index f9db659..85fe6a6 100644 --- a/src/components/ReactTable3/EditButtons.js +++ b/src/components/ReactTable3/EditButtons.js @@ -1,9 +1,12 @@ +import search from './search-normal.svg'; + + export function EditButtons({ }) { return ( -
- - - +
+
+ +
); } diff --git a/src/components/ReactTable3/search-normal.svg b/src/components/ReactTable3/search-normal.svg new file mode 100644 index 0000000..49604d0 --- /dev/null +++ b/src/components/ReactTable3/search-normal.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/src/components/Sidebar/SidebarDesign2/index.js b/src/components/Sidebar/SidebarDesign2/index.js index 9396dac..1ac5b78 100644 --- a/src/components/Sidebar/SidebarDesign2/index.js +++ b/src/components/Sidebar/SidebarDesign2/index.js @@ -90,7 +90,7 @@ const SidebarMenu = ({ items, buttons, username, userJob }) => { alt="" className={`${ activeDropdown === menuItem - ? "rotate-60 " + ? "rotate-60" : "rotate-90" } `} />