Change default submit mode to 'add'

web/src/pages/PrepareTransactionsPage/ImportBar.tsx

@@ -8,7 +8,7 @@ export type ImportBarProps = {
 };
 
 export default function ImportBar({ onSubmit, loading }: ImportBarProps) {
-  const [formData, setFormData] = useState<ImportOptions>({ mode: 'import' });
+  const [formData, setFormData] = useState<ImportOptions>({ mode: 'add' });
 
   
   const handleSubmit = useCallback((e: React.FormEvent) => {
@@ -34,15 +34,15 @@ export default function ImportBar({ onSubmit, loading }: ImportBarProps) {
       <div className="field">
         <label className="label">Import mode</label>
         <div className="control">
-          <div className="buttons has-addons is-left">
-            <button 
-              type="button"              
-              className={classNames("button", { 'is-primary': formData.mode === 'import', 'is-selected': formData.mode === 'import'})}
-              onClick={() => changeMode('import')}>Import</button>
+          <div className="buttons has-addons is-left">            
             <button 
               type="button"
               className={classNames("button", { 'is-primary': formData.mode === 'add', 'is-selected': formData.mode === 'add'})}
               onClick={() => changeMode('add')}>Add</button>
+            <button 
+              type="button"              
+              className={classNames("button", { 'is-primary': formData.mode === 'import', 'is-selected': formData.mode === 'import'})}
+              onClick={() => changeMode('import')}>Import</button>
           </div>
         </div>
       </div>