From c6212f927daf3c928f479afa052e4772216a2d8a Mon Sep 17 00:00:00 2001 From: Armand Philippot Date: Tue, 21 Nov 2023 16:10:20 +0100 Subject: refactor(components): replace items prop in Navbar component * replace `items` prop with `children` prop: it is more readable this way, * handle navbar item state inside NavbarItem component: it avoid using three differents states and their methods to do exactly the same thing * remove useAutofocus hook since we can't use it anymore * add `onActivation` and `activationHandlerDelay` prop to NavbarItem component to be able to focus the search input only when the item is activated (it replicates the functioning of useAutofocus hook) * replace `ref` type in SearchForm component: it does not make sense to use an input ref for a form. Instead I use useImperativeHandle to provide different a focus method to the given ref. --- src/components/organisms/navbar/navbar.module.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'src/components/organisms/navbar/navbar.module.scss') diff --git a/src/components/organisms/navbar/navbar.module.scss b/src/components/organisms/navbar/navbar.module.scss index 4041825..5af884e 100644 --- a/src/components/organisms/navbar/navbar.module.scss +++ b/src/components/organisms/navbar/navbar.module.scss @@ -47,7 +47,7 @@ } } -.item { +:where(.wrapper) > * { display: flex; justify-content: flex-end; } -- cgit v1.2.3