From aecff41321f7f04339b658e4f0a8cd1fc4fd2ad2 Mon Sep 17 00:00:00 2001
From: Lucemans <luc@lucemans.nl>
Date: Sun, 17 Mar 2024 16:28:30 +0000
Subject: [PATCH] Update Commitments

---
 web/src/txHistory/TransactionEntry.tsx | 51 +++++++++++++++++---------
 1 file changed, 34 insertions(+), 17 deletions(-)

diff --git a/web/src/txHistory/TransactionEntry.tsx b/web/src/txHistory/TransactionEntry.tsx
index e95667f..99d9a48 100644
--- a/web/src/txHistory/TransactionEntry.tsx
+++ b/web/src/txHistory/TransactionEntry.tsx
@@ -155,24 +155,41 @@ export const TransactionEntry: FC<{ txHash: EtherscanTx }> = ({ txHash }) => {
                 className="hidden"
             />
             <div className="open-if-checkbox space-y-2">
-                <div className="flex gap-2 border border-light-border dark:border-dark-border p-2 rounded-lg">
-                    <div>Names</div>
-                    <div>
-                        <ul className="grid grid-cols-2 gap-2">
-                            {inputData?.args[0].map((name, _index) => (
-                                <li>
-                                    <a
-                                        href={'https://ens.app/' + name}
-                                        className="link"
-                                        target="_blank"
-                                    >
-                                        {name}
-                                    </a>
-                                </li>
-                            ))}
-                        </ul>
+                {inputData?.functionName === 'multiRegister' ||
+                    (inputData?.functionName === 'renewAll' && (
+                        <div className="flex gap-2 border border-light-border dark:border-dark-border p-2 rounded-lg">
+                            <div>Names</div>
+                            <div>
+                                <ul className="grid grid-cols-2 gap-2">
+                                    {inputData?.args[0].map((name, _index) => (
+                                        <li>
+                                            <a
+                                                href={'https://ens.app/' + name}
+                                                className="link"
+                                                target="_blank"
+                                            >
+                                                {name}
+                                            </a>
+                                        </li>
+                                    ))}
+                                </ul>
+                            </div>
+                        </div>
+                    ))}
+                {inputData?.functionName === 'multiCommit' && (
+                    <div className="flex gap-2 border border-light-border dark:border-dark-border p-2 rounded-lg">
+                        <div>Commitments</div>
+                        <div>
+                            <ul className="grid grid-cols-2 gap-2">
+                                {inputData?.args[0].map(
+                                    (commitment, _index) => (
+                                        <li>{commitment}</li>
+                                    )
+                                )}
+                            </ul>
+                        </div>
                     </div>
-                </div>
+                )}
                 <div className="whitespace-break-spaces break-words w-full overflow-hidden bg-light-background-secondary rounded-lg p-4">
                     <span>{JSON.stringify(txHash)}</span>
                 </div>