feat: add invite dialog

packages/app/src/ui/input/input.tsx

@@ -8,6 +8,7 @@ type inputProps = {
   width?: number;
   maxLength?: number;
   onChange?: (value: string) => void;
+  onBlur?: (e: any) => void;
 };
 
 export const Input = (props: inputProps) => {
@@ -18,12 +19,16 @@ export const Input = (props: inputProps) => {
     maxLength,
     width = 260,
     onChange,
+    onBlur,
   } = props;
   const [value, setValue] = useState<string>(valueProp || '');
   const handleChange: InputHTMLAttributes<HTMLInputElement>['onChange'] = e => {
     setValue(e.target.value);
     onChange && onChange(e.target.value);
   };
+  const handleBlur: InputHTMLAttributes<HTMLInputElement>['onBlur'] = e => {
+    onBlur && onBlur(e);
+  };
   return (
     <StyledInput
       value={value}
@@ -32,6 +37,7 @@ export const Input = (props: inputProps) => {
       width={width}
       maxLength={maxLength}
       onChange={handleChange}
+      onBlur={handleBlur}
     ></StyledInput>
   );
 };