Align on field + remove onBlur

1Hive · Feb 3, 2022 · 0f65465 · 0f65465
1 parent 71268ee
commit 0f65465
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/packages/react-app/src/components/field-input/field-input.tsx b/packages/react-app/src/components/field-input/field-input.tsx
@@ -30,7 +30,7 @@ const LineStyled = styled.div`
 
 const ContentWrapperStyled = styled.div`
   display: flex;
-  align-items: center;
+  align-items: ${({ align }: any) => align};
   ${(props: any) => (!props.compact ? 'min-height: 45px;' : '')}
   & > div {
     input {
@@ -55,6 +55,7 @@ type Props = {
   isLoading: boolean;
   wide?: boolean;
   direction?: 'row' | 'column';
+  align?: 'center' | 'baseline' | 'flex-start' | 'flex-end' | 'unset';
 };
 
 export function FieldInput({
@@ -67,6 +68,7 @@ export function FieldInput({
   isLoading = false,
   wide = false,
   direction = 'row',
+  align = 'center',
 }: Props) {
   const theme = useTheme();
   const labelComponent = label && (
@@ -86,7 +88,7 @@ export function FieldInput({
             <Skeleton />
           </SkeletonWrapperStyled>
         ) : (
-          <ContentWrapperStyled compact={compact} wide={wide} direction={direction}>
+          <ContentWrapperStyled compact={compact} wide={wide} direction={direction} align={align}>
             {children}
           </ContentWrapperStyled>
         )}

diff --git a/packages/react-app/src/components/quest.tsx b/packages/react-app/src/components/quest.tsx
@@ -525,7 +525,6 @@ export default function Quest({
           } as QuestModel
         }
         onSubmit={(values, { setSubmitting }) => onQuestSubmit(values, setSubmitting)}
-        validateOnBlur
         validate={validate}
       >
         {({ values, handleChange, handleSubmit }) =>