From bc0fb2cdd8505b75b2fb84d9682ae7aeb968df02 Mon Sep 17 00:00:00 2001
From: Victor Oliva <v.oliva@proton.me>
Date: Sat, 15 Nov 2025 12:03:53 -0300
Subject: [PATCH] feat: add switch text/binary to binary input (#106)

---
 src/components/BinaryInput.tsx | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/src/components/BinaryInput.tsx b/src/components/BinaryInput.tsx
index 532ce27..2b2cb40 100644
--- a/src/components/BinaryInput.tsx
+++ b/src/components/BinaryInput.tsx
@@ -4,6 +4,7 @@ import { Binary } from "@polkadot-api/substrate-bindings"
 import { FileUp } from "lucide-react"
 import { FC, useState } from "react"
 import { twMerge } from "tailwind-merge"
+import { SwitchBinary } from "./Icons"
 import { TextInputField } from "./TextInputField"
 import { useGenericSynchronizeInput } from "./useSynchroniseInput"
 
@@ -76,6 +77,19 @@ export const BinaryInput: React.FC<{
             uploadError ? "border-red-600" : null,
           )}
         >
+          <button
+            className="align-middle mr-2 cursor-pointer text-foreground/90"
+            type="button"
+            onClick={() => {
+              if (inputValue.startsWith("0x")) {
+                setLocalInput(serializeValue(Binary.fromHex(inputValue)))
+              } else {
+                setLocalInput(Binary.fromText(inputValue).asHex())
+              }
+            }}
+          >
+            <SwitchBinary size={24} />
+          </button>
           {input}
           <label title="Load from file" className="text-foreground/80">
             <FileUp size={16} />