Merge pull request #56 from KilleenCode/select-folder-for-input

Select folder for input through native UI

package.json

@@ -1,6 +1,6 @@
 {
   "name": "brancato",
-  "version": "0.6.0",
+  "version": "0.7.0",
   "private": true,
   "dependencies": {
     "@algolia/autocomplete-js": "^1.5.3",

src-tauri/Cargo.toml

@@ -1,6 +1,6 @@
 [package]
 name = "brancato"
-version = "0.6.0"
+version = "0.7.0"
 description = "A tool for stage-managing your life"
 authors = ["Ryan Killeen"]
 license = ""

src-tauri/tauri.conf.json

@@ -1,7 +1,7 @@
 {
   "package": {
     "productName": "brancato",
-    "version": "0.6.0"
+    "version": "0.7.0"
   },
   "build": {
     "distDir": "../build",

src/forms/workflow-action.tsx

@@ -1,16 +1,19 @@
 import { useFieldArray, UseFieldArrayRemove } from "react-hook-form";
-import type { useForm } from "react-hook-form";
+import { dialog } from "@tauri-apps/api";
+import { NestedInputProps } from "./workflow-array";
 
 type Props = {
   nestIndex: number;
   nestedRemove: UseFieldArrayRemove;
-} & Pick<ReturnType<typeof useForm>, "control" | "register">;
+} & NestedInputProps;
 
 const WorkflowAction = ({
   nestIndex,
   control,
   register,
   nestedRemove,
+  getValues,
+  setValue,
 }: Props) => {
   const { fields, remove, append } = useFieldArray({
     control,
@@ -31,6 +34,17 @@ const WorkflowAction = ({
               })}
               style={{ marginRight: "25px" }}
             />
+            <button
+              type="button"
+              onClick={() => {
+                let value = getValues(fieldName);
+                dialog
+                  .open({ defaultPath: value ?? undefined })
+                  .then((path) => setValue(fieldName, path));
+              }}
+            >
+              Folder Path
+            </button>
 
             <button type="button" onClick={() => remove(k)}>
               Delete

src/forms/workflow-array.tsx

@@ -1,8 +1,17 @@
-import { useFieldArray } from "react-hook-form";
+import { useFieldArray, useForm } from "react-hook-form";
 import { defaultWorkflow } from "../Config";
 import WorkflowAction from "./workflow-action";
 
-export default function WorkflowArray({ control, register }: any) {
+export type NestedInputProps = Pick<
+  ReturnType<typeof useForm>,
+  "control" | "register" | "getValues" | "setValue"
+>;
+export default function WorkflowArray({
+  control,
+  register,
+  getValues,
+  setValue,
+}: any) {
   const { fields, append, remove } = useFieldArray({
     control,
     name: "workflows",
@@ -19,7 +28,7 @@ export default function WorkflowArray({ control, register }: any) {
 
               <WorkflowAction
                 nestIndex={index}
-                {...{ control, register }}
+                {...{ control, register, getValues, setValue }}
                 nestedRemove={remove}
               />
             </li>