Merge branch 'dev'

penumbra-zone · Aug 9, 2023 · f47ac32 · f47ac32
2 parents 0bb71bd + b63184c
commit f47ac32
Show file tree

Hide file tree

Showing 7 changed files with 348 additions and 44 deletions.
diff --git a/src/app/send/page.tsx b/src/app/send/page.tsx
@@ -20,8 +20,10 @@ export default function Send() {
 	const { balance } = useBalance()
 	const auth = useAuth()
 	const { push } = useRouter()
+
 	const [reciever, setReciever] = useState<string>('')
 	const [amount, setAmount] = useState<string>('')
+	const [memo, setMemo] = useState<string>('')
 	const [select, setSelect] = useState<string>('')
 	const [isValidate, setIsValidate] = useState<AddressValidatorsType>(
 		{} as AddressValidatorsType
@@ -80,6 +82,9 @@ export default function Send() {
 		setAmount(value)
 	}
 
+	const handleChangeMemo = (event: React.ChangeEvent<HTMLInputElement>) =>
+		setMemo(event.target.value)
+
 	const handleMax = () =>
 		setAmount(
 			String(
@@ -100,6 +105,7 @@ export default function Send() {
 			const transactionPlan = (
 				await client.transactionPlanner(
 					new TransactionPlannerRequest({
+						memo,
 						outputs: [
 							{
 								value: {
@@ -125,6 +131,8 @@ export default function Send() {
 				)
 			).plan
 
+			console.log(transactionPlan?.actions[0].action.value?.getType().typeName)
+
 			const tx = await window.penumbra.signTransaction(
 				transactionPlan?.toJson()
 			)
@@ -135,7 +143,7 @@ export default function Send() {
 				console.log(tx.result)
 			}
 		} catch (error) {
-			console.error(error)
+			console.log(error)
 		}
 	}
 
@@ -168,36 +176,45 @@ export default function Send() {
 							className='w-[100%]'
 						/>
 						<div className='bg-brown rounded-[10px] w-[100%] flex flex-col justify-between p-[16px]'>
-							<Select
-								labelClassName='h3 mb-[16px]'
-								label='Assets :'
-								options={options}
-								handleChange={handleChangeSelect}
-								initialValue={select}
-							/>
-							<Input
-								labelClassName='h3 text-light_grey mb-[8px]'
-								label='Total :'
-								value={amount}
-								isError={
-									select
-										? balance.find(i => select === i.display)!.amount <
-										  Number(amount)
-										: false
-								}
-								onChange={handleChangeAmout}
-								className='mt-[16px]'
-								helperText={'You do not have enough token'}
-								rightElement={
-									<div
-										className='flex items-center bg-dark_grey h-[42px] px-[25px] rounded-r-[10px] text_button_ext cursor-pointer'
-										onClick={handleMax}
-									>
-										Max
-									</div>
-								}
-							/>
-							<div className='w-[100%] flex items-center gap-x-[8px]'>
+							<div className='flex flex-col'>
+								<Select
+									labelClassName='h3 mb-[8px]'
+									label='Assets :'
+									options={options}
+									handleChange={handleChangeSelect}
+									initialValue={select}
+									className='mb-[24px]'
+								/>
+								<Input
+									labelClassName='h3 text-light_grey mb-[8px]'
+									label='Total :'
+									value={amount}
+									isError={
+										select
+											? balance.find(i => select === i.display)!.amount <
+											  Number(amount)
+											: false
+									}
+									onChange={handleChangeAmout}
+									helperText={'You do not have enough token'}
+									rightElement={
+										<div
+											className='flex items-center bg-dark_grey h-[42px] px-[25px] rounded-r-[10px] text_button_ext cursor-pointer'
+											onClick={handleMax}
+										>
+											Max
+										</div>
+									}
+								/>
+								<Input
+									labelClassName='h3 text-light_grey mb-[8px]'
+									label='Memo :'
+									value={memo}
+									onChange={handleChangeMemo}
+									className='mb-[24px]'
+								/>
+							</div>
+							<div className='w-[100%] flex items-center gap-x-[8px] mt-[24px]'>
 								<Button
 									mode='transparent'
 									onClick={handleBack}