refactor(webapp): Accounts Select and MultiSelect components

packages/webapp/src/components/Forms/BlueprintFormik.tsx

@@ -1,4 +1,5 @@
 // @ts-nocheck
+import React from 'react';
 import {
   FormGroup,
   InputGroup,
@@ -9,9 +10,23 @@ import {
   EditableText,
   TextArea,
 } from '@blueprintjs-formik/core';
+import { Button } from '@blueprintjs/core';
 import { Select, MultiSelect } from '@blueprintjs-formik/select';
 import { DateInput } from '@blueprintjs-formik/datetime';
 
+function FSelect({ ...props }) {
+  const input = ({ activeItem, text, label, value }) => {
+    return (
+      <Button
+        text={text || props.placeholder || 'Select an item ...'}
+        rightIcon="double-caret-vertical"
+        {...props.buttonProps}
+      />
+    );
+  };
+  return <Select input={input} {...props} />;
+}
+
 export {
   FormGroup as FFormGroup,
   InputGroup as FInputGroup,
@@ -19,7 +34,7 @@ export {
   Checkbox as FCheckbox,
   RadioGroup as FRadioGroup,
   Switch as FSwitch,
-  Select as FSelect,
+  FSelect,
   MultiSelect as FMultiSelect,
   EditableText as FEditableText,
   TextArea as FTextArea,