Scipaper/front-end
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge pull request 'Input group - Add a new style' (#79) from feature/Input-group into develop

Browse Source 
Reviewed-on: http://85.143.176.51:3000/free-land/front-end/pulls/79
This commit is contained in:
Denis Gorbunov 2022-08-16 19:19:44 +00:00
commit bf76f9b7e0
1 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/Inputgroup.tsx
View File

@ -14,7 +14,7 @@ export type Props = {
children?: React.ReactNode | React.ReactNode[]; children?: React.ReactNode | React.ReactNode[];
} & React.HTMLProps<HTMLDivElement>; } & React.HTMLProps<HTMLDivElement>;
const Inputgroup = ({ children }: Props) => { const Inputgroup = ({ children, className }: Props) => {
const [focused, setFocused] = useState(false); const [focused, setFocused] = useState(false);
useEffect(() => {}, [focused]); useEffect(() => {}, [focused]);
const arrChildren = React.Children.toArray(children); const arrChildren = React.Children.toArray(children);
@ -23,7 +23,8 @@ const Inputgroup = ({ children }: Props) => {
<div <div
className={classNames( className={classNames(
"border border-gray-200 rounded flex items-center p-1 m-4", "border border-gray-200 rounded flex items-center p-1 m-4",
focused ? "border-gray-900" : "border-gray-300" focused ? "border-gray-900" : "border-gray-300",
className
)} )}
> >
{arrChildren.map((e) => { {arrChildren.map((e) => {