From 3d2ad21d9336c8a45978a1fbec6fcfe06ba063d3 Mon Sep 17 00:00:00 2001
From: "deepsource-autofix[bot]"
 <62050782+deepsource-autofix[bot]@users.noreply.github.com>
Date: Tue, 21 Nov 2023 15:29:32 +0300
Subject: [PATCH] refactor: remove `true` from boolean attribute (#54)

When using a boolean attribute in JSX, you can set the attribute value to true or omit the value. This helps to keep consistency in code.

Co-authored-by: deepsource-autofix[bot] <62050782+deepsource-autofix[bot]@users.noreply.github.com>
---
 app/components/NetworkState.client.tsx        |  2 +-
 app/components/block/Object.client.tsx        |  2 +-
 app/components/common/AmountInput.tsx         |  8 ++++----
 app/components/dialogs/DialogAddMiner.tsx     |  4 ++--
 app/components/dialogs/DialogClosePool.tsx    |  2 +-
 .../dialogs/DialogCreateAddress.tsx           |  6 +++---
 app/components/dialogs/DialogIdentity.tsx     | 20 +++++++++----------
 .../dialogs/DialogImportAddress.tsx           |  4 ++--
 app/components/dialogs/DialogJoinPool.tsx     |  6 +++---
 app/components/dialogs/DialogLeavePool.tsx    |  6 +++---
 app/components/dialogs/DialogLockFunds.tsx    | 10 +++++-----
 app/components/dialogs/DialogRemoveMiner.tsx  |  6 +++---
 app/components/dialogs/DialogSendFunds.tsx    |  4 ++--
 .../dialogs/DialogSetPoolDifficulty.tsx       |  6 +++---
 .../dialogs/DialogSetPoolInterest.tsx         |  2 +-
 app/components/dialogs/DialogSettings.tsx     |  6 +++---
 app/components/dialogs/DialogSignVerify.tsx   |  2 +-
 .../dialogs/DialogUnlockAccount.tsx           |  2 +-
 app/components/wallet/Account.client.tsx      | 16 +++++++--------
 app/components/wallet/Wallet.client.tsx       |  2 +-
 app/root.tsx                                  |  2 +-
 app/routes/address.$address.tsx               |  4 ++--
 app/routes/block.$block.tsx                   | 20 +++++++++----------
 23 files changed, 71 insertions(+), 71 deletions(-)

diff --git a/app/components/NetworkState.client.tsx b/app/components/NetworkState.client.tsx
index 0c57f2f..52c0e20 100644
--- a/app/components/NetworkState.client.tsx
+++ b/app/components/NetworkState.client.tsx
@@ -101,7 +101,7 @@ export default function NetworkState() {
       <div className={cardClassName}>
         <TitledValue title={t("root.lbl_best_block")} value={networkState.bestNumber.toLocaleString()} />
         <TitledValue title={t("root.lbl_finalized")} value={networkState.bestNumberFinalized.toLocaleString()} />
-        <TitledValue title={t("root.lbl_latest_block")} value={<TimeAgo date={networkState.timestamp} live={true} />} />
+        <TitledValue title={t("root.lbl_latest_block")} value={<TimeAgo date={networkState.timestamp} live />} />
         <TitledValue title={t("root.lbl_target")} value={formatDuration(networkState.targetBlockTime)} />
         <TitledValue title={t("root.lbl_total_issuance")} value={<FormattedAmount value={networkState.totalIssuance} />} />
       </div>
diff --git a/app/components/block/Object.client.tsx b/app/components/block/Object.client.tsx
index 540ce3e..db4efab 100644
--- a/app/components/block/Object.client.tsx
+++ b/app/components/block/Object.client.tsx
@@ -44,7 +44,7 @@ export default function Object({ geometry }: IProps) {
       <pointLight intensity={2} position={[-10, -10, -10]} />
       <spotLight position={[10, 10, 10]} angle={0.15} penumbra={1} />
       <mesh ref={meshRef} geometry={geometry}>
-        <meshPhongMaterial color="#fff" envMap={textureCube} refractionRatio={0.7} reflectivity={1} flatShading={true} />
+        <meshPhongMaterial color="#fff" envMap={textureCube} refractionRatio={0.7} reflectivity={1} flatShading />
       </mesh>
     </>
   );
diff --git a/app/components/common/AmountInput.tsx b/app/components/common/AmountInput.tsx
index dadfdea..975272e 100644
--- a/app/components/common/AmountInput.tsx
+++ b/app/components/common/AmountInput.tsx
@@ -22,17 +22,17 @@ export default function AmountInput({ disabled, onValueChange, placeholder, form
   return (
     <NumericInput
       disabled={disabled}
-      selectAllOnFocus={true}
-      large={true}
+      selectAllOnFocus
+      large
       buttonPosition={"none"}
       leftIcon="send-to"
       placeholder={placeholder || "Amount"}
       onValueChange={handleAmountChange}
       value={amount}
-      fill={true}
+      fill
       min={0}
       minorStepSize={0.001}
-      rightElement={<Tag minimal={true}>{formatOptionsUnit || (formatOptions?.unit)}</Tag>}
+      rightElement={<Tag minimal>{formatOptionsUnit || (formatOptions?.unit)}</Tag>}
     />
   );
 }
diff --git a/app/components/dialogs/DialogAddMiner.tsx b/app/components/dialogs/DialogAddMiner.tsx
index 86a3437..709e614 100644
--- a/app/components/dialogs/DialogAddMiner.tsx
+++ b/app/components/dialogs/DialogAddMiner.tsx
@@ -69,11 +69,11 @@ export default function DialogAddMiner({ pair, isOpen, onClose }: IProps) {
   const addressIcon = isValidPolkadotAddress(data) ? <AddressIcon address={data} className="m-2" /> : <Icon icon="asterisk" />;
 
   return (
-    <Dialog isOpen={isOpen} usePortal={true} onOpening={handleOnOpening} onClose={onClose} className="w-[90%] sm:w-[640px]">
+    <Dialog isOpen={isOpen} usePortal onOpening={handleOnOpening} onClose={onClose} className="w-[90%] sm:w-[640px]">
       <div className={`${Classes.DIALOG_BODY} flex flex-col gap-3`}>
         <InputGroup
           disabled={isLoading}
-          large={true}
+          large
           className="font-mono"
           spellCheck={false}
           placeholder={t("dlg_miner.lbl_miner_address")}
diff --git a/app/components/dialogs/DialogClosePool.tsx b/app/components/dialogs/DialogClosePool.tsx
index 72d3a0c..1d11354 100644
--- a/app/components/dialogs/DialogClosePool.tsx
+++ b/app/components/dialogs/DialogClosePool.tsx
@@ -85,7 +85,7 @@ export default function DialogClosePool({ isOpen, onClose, pair }: IProps) {
   return (
     <Dialog
       isOpen={isOpen}
-      usePortal={true}
+      usePortal
       onOpening={handleOnOpening}
       title={t("dlg_close_pool.lbl_title")}
       onClose={onClose}
diff --git a/app/components/dialogs/DialogCreateAddress.tsx b/app/components/dialogs/DialogCreateAddress.tsx
index 31078f2..614a092 100644
--- a/app/components/dialogs/DialogCreateAddress.tsx
+++ b/app/components/dialogs/DialogCreateAddress.tsx
@@ -48,9 +48,9 @@ export default function DialogCreateAddress({ isOpen, onClose }: IProps) {
 
   return (
     <>
-      <Dialog isOpen={isOpen} usePortal={true} onOpening={handleOpening} onClose={onClose} className="w-[90%] sm:w-[640px]">
+      <Dialog isOpen={isOpen} usePortal onOpening={handleOpening} onClose={onClose} className="w-[90%] sm:w-[640px]">
         <div className={`${Classes.DIALOG_BODY} flex flex-col gap-3`}>
-          <TitledValue title={t("dlg_wallet.lbl_title")} value={data.address} fontMono={true} />
+          <TitledValue title={t("dlg_wallet.lbl_title")} value={data.address} fontMono />
           <div className="text-gray-500">{t("dlg_wallet.lbl_keep_seed")}</div>
           <Card>
             <div className="text-center font-mono text-xl">{data.mnemonic}</div>
@@ -60,7 +60,7 @@ export default function DialogCreateAddress({ isOpen, onClose }: IProps) {
           </Card>
           <InputGroup
             type="password"
-            large={true}
+            large
             className="font-mono"
             spellCheck={false}
             placeholder={t("dlg_wallet.lbl_password")}
diff --git a/app/components/dialogs/DialogIdentity.tsx b/app/components/dialogs/DialogIdentity.tsx
index e7fd72a..08d7c2e 100644
--- a/app/components/dialogs/DialogIdentity.tsx
+++ b/app/components/dialogs/DialogIdentity.tsx
@@ -206,7 +206,7 @@ export default function DialogIdentity({ isOpen, onClose, pair, hasIdentity, isR
   return (
     <Dialog
       isOpen={isOpen}
-      usePortal={true}
+      usePortal
       onOpening={handleOnOpening}
       title={t("dlg_identity.lbl_title")}
       onClose={onClose}
@@ -220,10 +220,10 @@ export default function DialogIdentity({ isOpen, onClose, pair, hasIdentity, isR
               items={dataState.registrarList}
               itemPredicate={filterRegistrar}
               itemRenderer={renderRegistrar}
-              noResults={<MenuItem disabled={true} text={t("dlg_identity.lbl_no_results")} roleStructure="listoption" />}
+              noResults={<MenuItem disabled text={t("dlg_identity.lbl_no_results")} roleStructure="listoption" />}
               onItemSelect={setRegistrar}
               popoverProps={{ matchTargetWidth: true }}
-              fill={true}
+              fill
               disabled={isIdentityLoading}
             >
               <Button
@@ -237,7 +237,7 @@ export default function DialogIdentity({ isOpen, onClose, pair, hasIdentity, isR
               <>
                 <InputGroup
                   disabled={isIdentityLoading}
-                  large={true}
+                  large
                   className="font-mono"
                   spellCheck={false}
                   placeholder={t("dlg_identity.lbl_placeholder_display_name")}
@@ -250,7 +250,7 @@ export default function DialogIdentity({ isOpen, onClose, pair, hasIdentity, isR
                 />
                 <InputGroup
                   disabled={isIdentityLoading}
-                  large={true}
+                  large
                   className="font-mono"
                   spellCheck={false}
                   placeholder={t("dlg_identity.lbl_placeholder_legal_name")}
@@ -263,7 +263,7 @@ export default function DialogIdentity({ isOpen, onClose, pair, hasIdentity, isR
                 />
                 <InputGroup
                   disabled={isIdentityLoading}
-                  large={true}
+                  large
                   className="font-mono"
                   spellCheck={false}
                   placeholder={t("dlg_identity.lbl_placeholder_email")}
@@ -276,7 +276,7 @@ export default function DialogIdentity({ isOpen, onClose, pair, hasIdentity, isR
                 />
                 <InputGroup
                   disabled={isIdentityLoading}
-                  large={true}
+                  large
                   className="font-mono"
                   spellCheck={false}
                   placeholder={t("dlg_identity.lbl_placeholder_web_address")}
@@ -289,7 +289,7 @@ export default function DialogIdentity({ isOpen, onClose, pair, hasIdentity, isR
                 />
                 <InputGroup
                   disabled={isIdentityLoading}
-                  large={true}
+                  large
                   className="font-mono"
                   spellCheck={false}
                   placeholder={t("dlg_identity.lbl_placeholder_twitter")}
@@ -302,7 +302,7 @@ export default function DialogIdentity({ isOpen, onClose, pair, hasIdentity, isR
                 />
                 <InputGroup
                   disabled={isIdentityLoading}
-                  large={true}
+                  large
                   className="font-mono"
                   spellCheck={false}
                   placeholder={t("dlg_identity.lbl_placeholder_discord")}
@@ -315,7 +315,7 @@ export default function DialogIdentity({ isOpen, onClose, pair, hasIdentity, isR
                 />
                 <InputGroup
                   disabled={isIdentityLoading}
-                  large={true}
+                  large
                   className="font-mono"
                   spellCheck={false}
                   placeholder={t("dlg_identity.lbl_placeholder_riot_name")}
diff --git a/app/components/dialogs/DialogImportAddress.tsx b/app/components/dialogs/DialogImportAddress.tsx
index 5f3ab2b..2eaa7d8 100644
--- a/app/components/dialogs/DialogImportAddress.tsx
+++ b/app/components/dialogs/DialogImportAddress.tsx
@@ -33,7 +33,7 @@ export default function DialogImportAddress({ isOpen, showPassword, onImport, on
 
   return (
     <>
-      <Dialog isOpen={isOpen} usePortal={true} onOpening={handleOnOpening} onClose={onClose} className="w-[90%] sm:w-[640px]">
+      <Dialog isOpen={isOpen} usePortal onOpening={handleOnOpening} onClose={onClose} className="w-[90%] sm:w-[640px]">
         <div className={`${Classes.DIALOG_BODY} flex flex-col gap-3`}>
           <TextArea className="w-full font-mono" rows={5} onChange={handleSeedPhraseChange} value={data.seed_phrase} />
           {canPaste && (
@@ -44,7 +44,7 @@ export default function DialogImportAddress({ isOpen, showPassword, onImport, on
           {showPassword && (
             <InputGroup
               type="password"
-              large={true}
+              large
               className="font-mono"
               spellCheck={false}
               placeholder={t("dlg_import_address.lbl_passphrase")}
diff --git a/app/components/dialogs/DialogJoinPool.tsx b/app/components/dialogs/DialogJoinPool.tsx
index 8d2804b..7e3ee03 100644
--- a/app/components/dialogs/DialogJoinPool.tsx
+++ b/app/components/dialogs/DialogJoinPool.tsx
@@ -124,7 +124,7 @@ export default function DialogJoinPool({ isOpen, onClose, pair }: IProps) {
   return (
     <Dialog
       isOpen={isOpen}
-      usePortal={true}
+      usePortal
       onOpening={handleOnOpening}
       title={t("dlg_join_pool.lbl_title")}
       onClose={onClose}
@@ -136,10 +136,10 @@ export default function DialogJoinPool({ isOpen, onClose, pair }: IProps) {
           itemPredicate={filterPool}
           itemRenderer={renderPool}
           menuProps={{ className: "max-h-[300px] overflow-auto" }}
-          noResults={<MenuItem disabled={true} text={t("dlg_join_pool.lbl_no_results")} roleStructure="listoption" />}
+          noResults={<MenuItem disabled text={t("dlg_join_pool.lbl_no_results")} roleStructure="listoption" />}
           onItemSelect={setPool}
           popoverProps={{ matchTargetWidth: true }}
-          fill={true}
+          fill
         >
           <Button
             text={data.poolToJoin}
diff --git a/app/components/dialogs/DialogLeavePool.tsx b/app/components/dialogs/DialogLeavePool.tsx
index 3a61270..9319220 100644
--- a/app/components/dialogs/DialogLeavePool.tsx
+++ b/app/components/dialogs/DialogLeavePool.tsx
@@ -125,7 +125,7 @@ export default function DialogLeavePool({ isOpen, onClose, pair }: IProps) {
   return (
     <Dialog
       isOpen={isOpen}
-      usePortal={true}
+      usePortal
       onOpening={handleOnOpening}
       title={t("dlg_leave_pool.lbl_title")}
       onClose={onClose}
@@ -136,10 +136,10 @@ export default function DialogLeavePool({ isOpen, onClose, pair }: IProps) {
           items={data.poolIds}
           itemPredicate={filterPool}
           itemRenderer={renderPoolId}
-          noResults={<MenuItem disabled={true} text={t("dlg_leave_pool.lbl_no_results")} roleStructure="listoption" />}
+          noResults={<MenuItem disabled text={t("dlg_leave_pool.lbl_no_results")} roleStructure="listoption" />}
           onItemSelect={setPool}
           popoverProps={{ matchTargetWidth: true }}
-          fill={true}
+          fill
         >
           <Button
             text={data.poolToLeave}
diff --git a/app/components/dialogs/DialogLockFunds.tsx b/app/components/dialogs/DialogLockFunds.tsx
index 220072f..3ee90a9 100644
--- a/app/components/dialogs/DialogLockFunds.tsx
+++ b/app/components/dialogs/DialogLockFunds.tsx
@@ -108,21 +108,21 @@ export default function DialogLockFunds({ pair, isOpen, onClose, onAfterSubmit }
   }, [api, data, onAfterSubmit, pair, toaster]);
 
   return (
-    <Dialog isOpen={isOpen} usePortal={true} onClose={onClose} onOpening={handleOnOpening} className="w-[90%] sm:w-[640px]">
+    <Dialog isOpen={isOpen} usePortal onClose={onClose} onOpening={handleOnOpening} className="w-[90%] sm:w-[640px]">
       <div className={`${Classes.DIALOG_BODY} flex flex-col gap-3`}>
         <AmountInput disabled={isLoading} onValueChange={handleAmountChange} placeholder={t("commons.lbl_amount")} />
         <NumericInput
           disabled={isLoading}
           buttonPosition={"none"}
-          large={true}
-          fill={true}
+          large
+          fill
           placeholder={t("dlg_lock_funds.lbl_release_lock_after")}
           leftIcon="cube"
           onValueChange={handleBlockChange}
           value={data.block}
-          rightElement={<Tag minimal={true}>{t("dlg_lock_funds.lbl_block_number")}</Tag>}
+          rightElement={<Tag minimal>{t("dlg_lock_funds.lbl_block_number")}</Tag>}
         />
-        <Checkbox checked={data.auto_extend} large={true} onChange={handleAutoExtendChange}>
+        <Checkbox checked={data.auto_extend} large onChange={handleAutoExtendChange}>
           {t("dlg_lock_funds.lbl_chk_extended")} {autoExtendPeriod} {t("dlg_lock_funds.lbl_chk_extended_1")}
         </Checkbox>
       </div>
diff --git a/app/components/dialogs/DialogRemoveMiner.tsx b/app/components/dialogs/DialogRemoveMiner.tsx
index 331982f..a0fbc47 100644
--- a/app/components/dialogs/DialogRemoveMiner.tsx
+++ b/app/components/dialogs/DialogRemoveMiner.tsx
@@ -123,7 +123,7 @@ export default function DialogRemoveMiner({ isOpen, onClose, pair }: IProps) {
   return (
     <Dialog
       isOpen={isOpen}
-      usePortal={true}
+      usePortal
       onOpening={handleOnOpening}
       title={t("dlg_remove_miner.lbl_title")}
       onClose={onClose}
@@ -134,10 +134,10 @@ export default function DialogRemoveMiner({ isOpen, onClose, pair }: IProps) {
           items={data.miners}
           itemPredicate={filterMember}
           itemRenderer={renderMemberId}
-          noResults={<MenuItem disabled={true} text={t("dlg_remove_miner.lbl_no_results")} roleStructure="listoption" />}
+          noResults={<MenuItem disabled text={t("dlg_remove_miner.lbl_no_results")} roleStructure="listoption" />}
           onItemSelect={setMember}
           popoverProps={{ matchTargetWidth: true }}
-          fill={true}
+          fill
         >
           <Button
             text={data.memberToRemove}
diff --git a/app/components/dialogs/DialogSendFunds.tsx b/app/components/dialogs/DialogSendFunds.tsx
index a06dd9b..9506026 100644
--- a/app/components/dialogs/DialogSendFunds.tsx
+++ b/app/components/dialogs/DialogSendFunds.tsx
@@ -97,11 +97,11 @@ export default function DialogSendFunds({ pair, isOpen, onClose, onAfterSubmit }
   const addressIcon = isValidPolkadotAddress(data.address) ? <AddressIcon address={data.address} className="m-2" /> : <Icon icon="asterisk" />;
 
   return (
-    <Dialog isOpen={isOpen} usePortal={true} onOpening={handleOnOpening} onClose={onClose} className="w-[90%] sm:w-[640px]">
+    <Dialog isOpen={isOpen} usePortal onOpening={handleOnOpening} onClose={onClose} className="w-[90%] sm:w-[640px]">
       <div className={`${Classes.DIALOG_BODY} flex flex-col gap-3`}>
         <InputGroup
           disabled={isLoading}
-          large={true}
+          large
           className="font-mono"
           spellCheck={false}
           placeholder={t("dlg_send.lbl_address")}
diff --git a/app/components/dialogs/DialogSetPoolDifficulty.tsx b/app/components/dialogs/DialogSetPoolDifficulty.tsx
index 4bdb3c2..8172173 100644
--- a/app/components/dialogs/DialogSetPoolDifficulty.tsx
+++ b/app/components/dialogs/DialogSetPoolDifficulty.tsx
@@ -78,7 +78,7 @@ export default function DialogSetPoolDifficulty({ isOpen, onClose, pair }: IProp
   return (
     <Dialog
       isOpen={isOpen}
-      usePortal={true}
+      usePortal
       onOpening={handleOnOpening}
       title={t("dlg_pool_difficulty.lbl_title")}
       onClose={onClose}
@@ -88,8 +88,8 @@ export default function DialogSetPoolDifficulty({ isOpen, onClose, pair }: IProp
         <NumericInput
           disabled={isLoading}
           buttonPosition={"none"}
-          large={true}
-          fill={true}
+          large
+          fill
           placeholder={t("dlg_pool_difficulty.lbl_pool_difficulty")}
           onValueChange={handleDifficultyChange}
           value={data.difficulty}
diff --git a/app/components/dialogs/DialogSetPoolInterest.tsx b/app/components/dialogs/DialogSetPoolInterest.tsx
index 5ab5e7f..2d5d29b 100644
--- a/app/components/dialogs/DialogSetPoolInterest.tsx
+++ b/app/components/dialogs/DialogSetPoolInterest.tsx
@@ -77,7 +77,7 @@ export default function DialogSetPoolInterest({ isOpen, onClose, pair }: IProps)
   return (
     <Dialog
       isOpen={isOpen}
-      usePortal={true}
+      usePortal
       onOpening={handleOnOpening}
       title={t("dlg_pool_interest.lbl_title")}
       onClose={onClose}
diff --git a/app/components/dialogs/DialogSettings.tsx b/app/components/dialogs/DialogSettings.tsx
index 9e24c00..3986d1a 100644
--- a/app/components/dialogs/DialogSettings.tsx
+++ b/app/components/dialogs/DialogSettings.tsx
@@ -35,7 +35,7 @@ export default function DialogSettings({ isOpen, onClose }: IProps) {
 
   return (
     <>
-      <Dialog isOpen={isOpen} usePortal={true} onOpening={handleOnOpening} onClose={onClose} className="w-[90%] sm:w-[640px]">
+      <Dialog isOpen={isOpen} usePortal onOpening={handleOnOpening} onClose={onClose} className="w-[90%] sm:w-[640px]">
         <div className={`${Classes.DIALOG_BODY} flex flex-col gap-3`}>
           <TitledValue
             title={t("dlg_settings.lbl_api_address")}
@@ -46,7 +46,7 @@ export default function DialogSettings({ isOpen, onClose }: IProps) {
                 onChange={(e) => setData((prev) => ({ ...prev, api_endpoint: e.target.value }))}
               />
             }
-            fontMono={true}
+            fontMono
           />
           <TitledValue
             title={t("dlg_settings.lbl_explorer_graphql")}
@@ -57,7 +57,7 @@ export default function DialogSettings({ isOpen, onClose }: IProps) {
                 onChange={(e) => setData((prev) => ({ ...prev, api_explorer_endpoint: e.target.value }))}
               />
             }
-            fontMono={true}
+            fontMono
           />
         </div>
         <div className={Classes.DIALOG_FOOTER}>
diff --git a/app/components/dialogs/DialogSignVerify.tsx b/app/components/dialogs/DialogSignVerify.tsx
index 256cb5e..8c6f131 100644
--- a/app/components/dialogs/DialogSignVerify.tsx
+++ b/app/components/dialogs/DialogSignVerify.tsx
@@ -196,7 +196,7 @@ export default function DialogSignAndVerify({ pair, isOpen, onClose }: IProps) {
             <Label>
               {t("dlg_sign_verify.lbl_placeholder_message")}
               <InputGroup
-                large={true}
+                large
                 spellCheck={false}
                 placeholder={t("dlg_sign_verify.lbl_placeholder_message")}
                 onChange={handleMessageChange}
diff --git a/app/components/dialogs/DialogUnlockAccount.tsx b/app/components/dialogs/DialogUnlockAccount.tsx
index 939da54..bdcfda5 100644
--- a/app/components/dialogs/DialogUnlockAccount.tsx
+++ b/app/components/dialogs/DialogUnlockAccount.tsx
@@ -42,7 +42,7 @@ export default function DialogUnlockAccount({ pair, isOpen, onClose }: IProps) {
       <div className={`${Classes.DIALOG_BODY} flex flex-col gap-3`}>
         <InputGroup
           type="password"
-          large={true}
+          large
           className="font-mono"
           spellCheck={false}
           placeholder={t("commons.lbl_passphrase")}
diff --git a/app/components/wallet/Account.client.tsx b/app/components/wallet/Account.client.tsx
index 8a4d573..b1e76f9 100644
--- a/app/components/wallet/Account.client.tsx
+++ b/app/components/wallet/Account.client.tsx
@@ -231,8 +231,8 @@ export default function Account({ pair }: IProps) {
         icon="cross"
         intent={Intent.DANGER}
         isOpen={dialogs.delete}
-        canEscapeKeyCancel={true}
-        canOutsideClickCancel={true}
+        canEscapeKeyCancel
+        canOutsideClickCancel
         onCancel={() => dialogToggle("delete")}
         onConfirm={handleAddressDelete}
       >
@@ -279,20 +279,20 @@ export default function Account({ pair }: IProps) {
             <div className="grid grid-cols-3 gap-1 py-2">
               <TitledValue
                 title={t("root.lbl_total_balance")}
-                fontMono={true}
-                fontSmall={true}
+                fontMono
+                fontSmall
                 value={<FormattedAmount value={balances.freeBalance.toBigInt()} />}
               />
               <TitledValue
                 title={t("root.lbl_transferable")}
-                fontMono={true}
-                fontSmall={true}
+                fontMono
+                fontSmall
                 value={<FormattedAmount value={balances.availableBalance.toBigInt()} />}
               />
               <TitledValue
                 title={t("root.lbl_locked")}
-                fontMono={true}
-                fontSmall={true}
+                fontMono
+                fontSmall
                 value={<FormattedAmount value={balances.lockedBalance.toBigInt()} />}
               />
             </div>
diff --git a/app/components/wallet/Wallet.client.tsx b/app/components/wallet/Wallet.client.tsx
index bf34515..83c4f29 100644
--- a/app/components/wallet/Wallet.client.tsx
+++ b/app/components/wallet/Wallet.client.tsx
@@ -88,7 +88,7 @@ export default function Wallet() {
     <div className="mb-4 grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-3 gap-2">
       <DialogImportAddress
         isOpen={dialogs.seed_phrase}
-        showPassword={true}
+        showPassword
         onClose={() => dialogToggle("seed_phrase")}
         onImport={handleSeedPhraseImportClick}
       />
diff --git a/app/root.tsx b/app/root.tsx
index 6b7df60..aeb6d84 100644
--- a/app/root.tsx
+++ b/app/root.tsx
@@ -118,7 +118,7 @@ export default function App() {
                           <img src="/logo.svg" alt="3Dpass Logo" className="h-7" />
                           <span className="mb-[-3px]">{t("root.lbl_app_name")}</span>
                         </Link>
-                        <Button className="ml-2" icon="cog" minimal={true} onClick={() => setIsSettingsDialogOpen(true)} />
+                        <Button className="ml-2" icon="cog" minimal onClick={() => setIsSettingsDialogOpen(true)} />
                         <DialogSettings isOpen={isSettingsDialogOpen} onClose={() => setIsSettingsDialogOpen(false)} />
                       </NavbarHeading>
                     </NavbarGroup>
diff --git a/app/routes/address.$address.tsx b/app/routes/address.$address.tsx
index b496bf0..da30c67 100644
--- a/app/routes/address.$address.tsx
+++ b/app/routes/address.$address.tsx
@@ -30,9 +30,9 @@ export default function Address() {
 
   return (
     <Card>
-      <TitledValue title={t("screen_address.lbl_title")} value={<Link to={ExplorerUrl.account({ address })}>{address}</Link>} fontMono={true} />
+      <TitledValue title={t("screen_address.lbl_title")} value={<Link to={ExplorerUrl.account({ address })}>{address}</Link>} fontMono />
       <Divider className="my-5" />
-      <HTMLTable striped={true} width="100%">
+      <HTMLTable striped width="100%">
         <thead>
           <tr>
             <th>{t("root.lbl_block")}</th>
diff --git a/app/routes/block.$block.tsx b/app/routes/block.$block.tsx
index fcef3c3..3488d5e 100644
--- a/app/routes/block.$block.tsx
+++ b/app/routes/block.$block.tsx
@@ -29,33 +29,33 @@ export default function Block() {
     queryBlock.data && (
       <Card>
         <div className="flex gap-4 mb-6">
-          <TitledValue title={t("commons.lbl_block")} value={<Link to={blockUrl}>{block}</Link>} fontMono={true} />
+          <TitledValue title={t("commons.lbl_block")} value={<Link to={blockUrl}>{block}</Link>} fontMono />
           <TitledValue title={t("commons.lbl_date")} value={<Moment date={queryBlock.data.getBlock.datetime} format="lll Z" interval={0} />} />
         </div>
         <div className="flex gap-4 mb-3">
-          <TitledValue title={t("screen_block.lbl_hash")} value={queryBlock.data.getBlock.hash} fontMono={true} />
+          <TitledValue title={t("screen_block.lbl_hash")} value={queryBlock.data.getBlock.hash} fontMono />
         </div>
         <div className="flex gap-4 mb-3">
-          <TitledValue title={t("screen_block.lbl_spec_name")} value={queryBlock.data.getBlock.specName} fontMono={true} />
-          <TitledValue title={t("screen_block.lbl_spec_version")} value={queryBlock.data.getBlock.specVersion} fontMono={true} />
+          <TitledValue title={t("screen_block.lbl_spec_name")} value={queryBlock.data.getBlock.specName} fontMono />
+          <TitledValue title={t("screen_block.lbl_spec_version")} value={queryBlock.data.getBlock.specVersion} fontMono />
         </div>
         <div className="flex gap-4 mb-3">
           <TitledValue
             title={t("screen_block.lbl_extrinsics")}
             value={<Link to={blockUrl}>{queryBlock.data.getBlock.countExtrinsics}</Link>}
-            fontMono={true}
+            fontMono
           />
-          <TitledValue title={t("screen_block.lbl_events")} value={<Link to={blockUrl}>{queryBlock.data.getBlock.countEvents}</Link>} fontMono={true} />
-          <TitledValue title={t("screen_block.lbl_logs")} value={<Link to={blockUrl}>{queryBlock.data.getBlock.countLogs}</Link>} fontMono={true} />
+          <TitledValue title={t("screen_block.lbl_events")} value={<Link to={blockUrl}>{queryBlock.data.getBlock.countEvents}</Link>} fontMono />
+          <TitledValue title={t("screen_block.lbl_logs")} value={<Link to={blockUrl}>{queryBlock.data.getBlock.countLogs}</Link>} fontMono />
         </div>
         <div className="flex flex-col gap-4 mt-6">
           {queryLogs.data?.getLogs.objects.map((log) => (
               <div key={log.logIdx} className="flex flex-col gap-2">
                 <div className="flex gap-4">
-                  <TitledValue title="Log Idx" value={log.logIdx} fontMono={true} fontSmall={true} />
-                  <TitledValue title="Type" value={log.typeName} fontMono={true} fontSmall={true} />
+                  <TitledValue title="Log Idx" value={log.logIdx} fontMono fontSmall />
+                  <TitledValue title="Type" value={log.typeName} fontMono fontSmall />
                 </div>
-                <TitledValue title="Data" value={log.data} fontMono={true} fontSmall={true} />
+                <TitledValue title="Data" value={log.data} fontMono fontSmall />
               </div>
             ))}
         </div>