ARCHIVE/xrpl-hooks-ide
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Changed labels, added default value to form so the initial render has correct value

Browse Source
This commit is contained in:
Valtteri Karesto
2022-04-14 15:10:38 +03:00
parent 16cbdafb27
commit b1d39740de
1 changed files with 16 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
components/SetHookDialog.tsx
View File

@@ -61,7 +61,11 @@ export const SetHookDialog: React.FC<{ account: IAccount }> = ({ account }) => {
control,
watch,
formState: { errors },
} = useForm<SetHookData>();
} = useForm<SetHookData>({
defaultValues: {
HookNamespace: snap.files?.[snap.active]?.name?.split(".")?.[0] || "",
},
});
const { fields, append, remove } = useFieldArray({
control,
name: "HookParameters", // unique name for your Field Array
@@ -75,8 +79,16 @@ export const SetHookDialog: React.FC<{ account: IAccount }> = ({ account }) => {
// name: "HookGrants", // unique name for your Field Array
// });
const [hashedNamespace, setHashedNamespace] = useState("");
const namespace = watch("HookNamespace");
const namespace = watch(
"HookNamespace",
snap.files?.[snap.active]?.name?.split(".")?.[0] || ""
);
const calculateHashedValue = useCallback(async () => {
console.log(
"-->",
namespace,
snap.files?.[snap.active]?.name?.split(".")?.[0]
);
const hashedVal = await sha256(namespace);
setHashedNamespace(hashedVal.toUpperCase());
}, [namespace]);
@@ -144,9 +156,10 @@ export const SetHookDialog: React.FC<{ account: IAccount }> = ({ account }) => {
/>
</Box>
<Box css={{ width: "100%" }}>
<label>Hook Namespace</label>
<label>Hook Namespace Seed</label>
<Input
{...register("HookNamespace", { required: true })}
autoComplete={"off"}
defaultValue={
snap.files?.[snap.active]?.name?.split(".")?.[0] || ""
}