From dc56786772262f2ad573b84b236202b1df7876d6 Mon Sep 17 00:00:00 2001 From: peetzweg/ Date: Mon, 13 Nov 2023 17:41:57 +0100 Subject: [PATCH] chore: align use of quotes with biome --- basic-contract-caller/frontend/src/App.tsx | 14 +- .../frontend/tailwind.config.js | 2 +- biome.json | 1 + .../frontend/tailwind.config.js | 2 +- contract-transfer/frontend/src/App.tsx | 26 +- contract-transfer/frontend/tailwind.config.js | 2 +- erc20/frontend/tailwind.config.js | 2 +- erc721/frontend/tailwind.config.js | 2 +- flipper/frontend/tailwind.config.js | 2 +- incrementer/frontend/tailwind.config.js | 2 +- ui/src/ConnectWallet/ConnectWallet.tsx | 18 +- .../InkLayout/ManageWallet/ManageWallet.tsx | 4 +- ui/src/InkLayout/Screen/Screen.tsx | 6 +- ui/src/InkLayout/Submarine/Submarine.tsx | 610 +++++++++--------- .../DeployerContext/DeployerContext.tsx | 24 +- 15 files changed, 359 insertions(+), 358 deletions(-) diff --git a/basic-contract-caller/frontend/src/App.tsx b/basic-contract-caller/frontend/src/App.tsx index 27c51a9a..d4dc53dc 100644 --- a/basic-contract-caller/frontend/src/App.tsx +++ b/basic-contract-caller/frontend/src/App.tsx @@ -23,12 +23,12 @@ function App() { return ( -
- -

+
+ +

{formatContractName(metadata.contract.name)}

@@ -36,7 +36,7 @@ function App() { ) : ( - + )} diff --git a/basic-contract-caller/frontend/tailwind.config.js b/basic-contract-caller/frontend/tailwind.config.js index c120a39a..839999ce 100644 --- a/basic-contract-caller/frontend/tailwind.config.js +++ b/basic-contract-caller/frontend/tailwind.config.js @@ -1,2 +1,2 @@ import config from '../../ui/tailwind.config'; -export default config; \ No newline at end of file +export default config; diff --git a/biome.json b/biome.json index 8654632a..955dfcc8 100644 --- a/biome.json +++ b/biome.json @@ -33,6 +33,7 @@ "javascript": { "formatter": { "quoteStyle": "single", + "jsxQuoteStyle": "single", "trailingComma": "all", "semicolons": "always" } diff --git a/contract-terminate/frontend/tailwind.config.js b/contract-terminate/frontend/tailwind.config.js index c120a39a..839999ce 100644 --- a/contract-terminate/frontend/tailwind.config.js +++ b/contract-terminate/frontend/tailwind.config.js @@ -1,2 +1,2 @@ import config from '../../ui/tailwind.config'; -export default config; \ No newline at end of file +export default config; diff --git a/contract-transfer/frontend/src/App.tsx b/contract-transfer/frontend/src/App.tsx index 1d533c57..37ade190 100644 --- a/contract-transfer/frontend/src/App.tsx +++ b/contract-transfer/frontend/src/App.tsx @@ -45,19 +45,19 @@ function App() { return ( -
- -

+
+ +

{formatContractName(metadata.contract.name)}

-
+

Contract Balance:{' '} - + {contractBalance ? planckToDecimalFormatted(contractBalance?.freeBalance, { api: chainContract?.contract.api, @@ -69,7 +69,7 @@ function App() {

Your Balance:{' '} - + {userBalance ? planckToDecimalFormatted(userBalance?.freeBalance, { api: chainContract?.contract.api, @@ -96,7 +96,7 @@ function App() { ) : ( - + )} -
+
{needsMoreFunds && ( -

There are not enough funds.

+

There are not enough funds.

)} Add ROC to contract with faucet diff --git a/contract-transfer/frontend/tailwind.config.js b/contract-transfer/frontend/tailwind.config.js index c120a39a..839999ce 100644 --- a/contract-transfer/frontend/tailwind.config.js +++ b/contract-transfer/frontend/tailwind.config.js @@ -1,2 +1,2 @@ import config from '../../ui/tailwind.config'; -export default config; \ No newline at end of file +export default config; diff --git a/erc20/frontend/tailwind.config.js b/erc20/frontend/tailwind.config.js index c120a39a..839999ce 100644 --- a/erc20/frontend/tailwind.config.js +++ b/erc20/frontend/tailwind.config.js @@ -1,2 +1,2 @@ import config from '../../ui/tailwind.config'; -export default config; \ No newline at end of file +export default config; diff --git a/erc721/frontend/tailwind.config.js b/erc721/frontend/tailwind.config.js index c120a39a..839999ce 100644 --- a/erc721/frontend/tailwind.config.js +++ b/erc721/frontend/tailwind.config.js @@ -1,2 +1,2 @@ import config from '../../ui/tailwind.config'; -export default config; \ No newline at end of file +export default config; diff --git a/flipper/frontend/tailwind.config.js b/flipper/frontend/tailwind.config.js index c120a39a..839999ce 100644 --- a/flipper/frontend/tailwind.config.js +++ b/flipper/frontend/tailwind.config.js @@ -1,2 +1,2 @@ import config from '../../ui/tailwind.config'; -export default config; \ No newline at end of file +export default config; diff --git a/incrementer/frontend/tailwind.config.js b/incrementer/frontend/tailwind.config.js index c120a39a..839999ce 100644 --- a/incrementer/frontend/tailwind.config.js +++ b/incrementer/frontend/tailwind.config.js @@ -1,2 +1,2 @@ import config from '../../ui/tailwind.config'; -export default config; \ No newline at end of file +export default config; diff --git a/ui/src/ConnectWallet/ConnectWallet.tsx b/ui/src/ConnectWallet/ConnectWallet.tsx index dd0a704a..56525760 100644 --- a/ui/src/ConnectWallet/ConnectWallet.tsx +++ b/ui/src/ConnectWallet/ConnectWallet.tsx @@ -11,19 +11,19 @@ export const ConnectWallet: React.FC = () => { return (
-

Connect Wallet

+

Connect Wallet

{!account && installed.length > 0 && (
    {installed.map((w) => ( -
  • +
    • @@ -33,20 +33,20 @@ export const ConnectWallet: React.FC = () => { {!account && uninstalled.length && installed.length === 0 && ( <> -

    +

    Please install one of these supported wallets.

      {uninstalled.map((w) => ( -
    • +
    • - diff --git a/ui/src/InkLayout/Screen/Screen.tsx b/ui/src/InkLayout/Screen/Screen.tsx index 06d62b1f..7ac961af 100644 --- a/ui/src/InkLayout/Screen/Screen.tsx +++ b/ui/src/InkLayout/Screen/Screen.tsx @@ -20,11 +20,11 @@ export const Screen: React.FC = ({ children }) => { ...screenPosition, }} > -
      +
      {view === 'contract' && children} {view === 'wallet' && ( -
      - +
      +
      diff --git a/ui/src/InkLayout/Submarine/Submarine.tsx b/ui/src/InkLayout/Submarine/Submarine.tsx index f2327373..bbf13ac2 100644 --- a/ui/src/InkLayout/Submarine/Submarine.tsx +++ b/ui/src/InkLayout/Submarine/Submarine.tsx @@ -75,13 +75,13 @@ export const Submarine: React.FC = () => { return ( /* rome-ignore lint/a11y/noSvgWithoutTitle: We don't want a tooltip to appear */ = () => { style={{ fill: '#8d7cf7', }} - d="M1049.75 1830.89H868.89l8.92-21.42 81.51-1.93 81.51 1.93 8.92 21.42zM630.52 1807.07c24.89 9.12 50.98 17.07 78.03 23.82h-12.04c-23.13-6.12-45.52-13.13-67.02-21.01-99.06-36.29-176.9-89.16-231.37-157.13l2.34-1.87c54.12 67.54 131.52 120.09 230.06 156.19ZM1519.3 1652.77c-53.4 64.53-138.47 118.29-246.01 155.47-24.75 8.55-50.29 16.12-76.45 22.65h-12.68c30.27-7.15 59.74-15.66 88.15-25.48 107.02-37.01 191.63-90.45 244.68-154.55l2.31 1.91Z" + d='M1049.75 1830.89H868.89l8.92-21.42 81.51-1.93 81.51 1.93 8.92 21.42zM630.52 1807.07c24.89 9.12 50.98 17.07 78.03 23.82h-12.04c-23.13-6.12-45.52-13.13-67.02-21.01-99.06-36.29-176.9-89.16-231.37-157.13l2.34-1.87c54.12 67.54 131.52 120.09 230.06 156.19ZM1519.3 1652.77c-53.4 64.53-138.47 118.29-246.01 155.47-24.75 8.55-50.29 16.12-76.45 22.65h-12.68c30.27-7.15 59.74-15.66 88.15-25.48 107.02-37.01 191.63-90.45 244.68-154.55l2.31 1.91Z' /> = () => { }} /> = () => { strokeMiterlimit: 10, strokeWidth: 4, }} - d="m871.61 196.58-16.04 8.95" + d='m871.61 196.58-16.04 8.95' /> = () => { cy={133.24} rx={9.13} ry={10.59} - transform="rotate(-70.36 1133.363 133.22)" + transform='rotate(-70.36 1133.363 133.22)' style={{ fill: '#5d4dc4', }} /> = () => { cy={101.35} rx={45.89} ry={48.31} - transform="rotate(-86.21 962.222 101.351)" + transform='rotate(-86.21 962.222 101.351)' style={{ fill: '#5d4dc4', }} /> = () => { cy={102.71} rx={32.83} ry={31.18} - transform="rotate(-15.95 960.322 102.732)" + transform='rotate(-15.95 960.322 102.732)' style={{ fill: '#e2dcfe', }} /> = () => { cy={92.81} rx={8.75} ry={13.01} - transform="rotate(-37.18 974.349 92.79)" + transform='rotate(-37.18 974.349 92.79)' style={{ fill: '#fff', }} @@ -230,43 +230,43 @@ export const Submarine: React.FC = () => { cy={20.61} rx={11.42} ry={8.28} - transform="rotate(-17.48 950.782 20.592)" + transform='rotate(-17.48 950.782 20.592)' style={{ fill: '#352994', }} /> = () => { }} /> = () => { }} /> = () => { strokeMiterlimit: 10, strokeWidth: '3.5px', }} - d="m1669.4 972.39 61.62 80.04M1777.58 603.71c-23.31 41.67 25.12 74.12 85.86 137.68 45.24 47.34 46.44 95.2 1.33 136.24-40.74 37.07-166.75 132.85-166.75 132.85" + d='m1669.4 972.39 61.62 80.04M1777.58 603.71c-23.31 41.67 25.12 74.12 85.86 137.68 45.24 47.34 46.44 95.2 1.33 136.24-40.74 37.07-166.75 132.85-166.75 132.85' /> = () => { strokeMiterlimit: 10, strokeWidth: '3.5px', }} - d="m196.53 566.53 55.7 63.64M170.53 584.45l56.46 62.56M668.74 369.29c61.39-5.38 80.44 30.14 96.79 65.56" + d='m196.53 566.53 55.7 63.64M170.53 584.45l56.46 62.56M668.74 369.29c61.39-5.38 80.44 30.14 96.79 65.56' /> = () => { }} /> = () => { }} > = () => { cy={935.66} rx={8.9} ry={10.7} - transform="rotate(-80.31 1061.792 935.653)" + transform='rotate(-80.31 1061.792 935.653)' style={{ fill: '#d2ccff', opacity: 0.8, }} /> = () => { }} /> - + = () => { cy={1001.8} rx={8.41} ry={5.59} - transform="rotate(-39.99 1861.046 1001.788)" + transform='rotate(-39.99 1861.046 1001.788)' style={{ fill: '#fff', opacity: 0.8, }} /> = () => { cy={1285.9} rx={5.39} ry={7.8} - transform="rotate(-1.14 216.446 1281.844)" + transform='rotate(-1.14 216.446 1281.844)' style={{ fill: '#d2ccff', opacity: 0.8, @@ -629,10 +629,10 @@ export const Submarine: React.FC = () => { strokeMiterlimit: 10, strokeWidth: '3.5px', }} - d="m1722.68 568.86-53.01 61.42M1748.96 586.4l-55.69 61.17" + d='m1722.68 568.86-53.01 61.42M1748.96 586.4l-55.69 61.17' /> = () => { strokeMiterlimit: 10, strokeWidth: '3.5px', }} - d="m252.31 974.03-63.59 80.21" + d='m252.31 974.03-63.59 80.21' /> = () => { cy={1608.3} rx={18.05} ry={11.06} - transform="rotate(-85.89 1428.589 1608.316)" + transform='rotate(-85.89 1428.589 1608.316)' style={{ fill: 'none', stroke: '#3a2da3', @@ -740,7 +740,7 @@ export const Submarine: React.FC = () => { cy={1608.55} rx={16.85} ry={12.49} - transform="rotate(-85.89 1431.884 1608.556)" + transform='rotate(-85.89 1431.884 1608.556)' style={{ fill: '#de493e', }} @@ -750,73 +750,73 @@ export const Submarine: React.FC = () => { cy={1608.55} rx={10.06} ry={7.46} - transform="rotate(-85.89 1436.433 1608.559)" + transform='rotate(-85.89 1436.433 1608.559)' style={{ fill: '#ff705e', }} /> = () => { cy={1605.48} rx={7.1} ry={6.68} - transform="rotate(-64.55 564.43 1605.453)" + transform='rotate(-64.55 564.43 1605.453)' style={{ fill: '#ff705e', }} @@ -836,13 +836,13 @@ export const Submarine: React.FC = () => { cy={1625.71} rx={6.13} ry={5.75} - transform="rotate(-61.39 556.882 1625.666)" + transform='rotate(-61.39 556.882 1625.666)' style={{ fill: '#fff', }} /> = () => { style={{ fill: '#3b308f', }} - d="M558.94 1705.87h-27.17l-.18-3h27.11l.24 3zM560.49 1724.49h-27.61l-.18-3h27.54l.25 3zM553.51 1768.69a11.067 11.067 0 0 0-3.47 8.56l2.38 53.64h-3l-2.38-53.51c-.18-4.09 1.42-8.05 4.41-10.87l11.61-10.95.32 3.82-9.87 9.31Z" + d='M558.94 1705.87h-27.17l-.18-3h27.11l.24 3zM560.49 1724.49h-27.61l-.18-3h27.54l.25 3zM553.51 1768.69a11.067 11.067 0 0 0-3.47 8.56l2.38 53.64h-3l-2.38-53.51c-.18-4.09 1.42-8.05 4.41-10.87l11.61-10.95.32 3.82-9.87 9.31Z' /> = () => { cy={1817.81} rx={5.26} ry={5.88} - transform="rotate(-61.57 1242.976 1817.847)" + transform='rotate(-61.57 1242.976 1817.847)' style={{ fill: '#fff', }} /> = () => { cy={942.93} rx={24.39} ry={24.14} - transform="rotate(-13.62 545.954 942.634)" + transform='rotate(-13.62 545.954 942.634)' style={{ fill: '#bc83fb', }} @@ -942,7 +942,7 @@ export const Submarine: React.FC = () => { cy={937.29} rx={15.5} ry={18.35} - transform="rotate(-30.79 555.006 937.322)" + transform='rotate(-30.79 555.006 937.322)' style={{ fill: '#8747cc', }} @@ -952,7 +952,7 @@ export const Submarine: React.FC = () => { cy={933.31} rx={14.98} ry={17.75} - transform="rotate(-30.79 564.445 933.338)" + transform='rotate(-30.79 564.445 933.338)' style={{ fill: '#bc83fb', }} @@ -962,7 +962,7 @@ export const Submarine: React.FC = () => { cy={934.33} rx={8.81} ry={13.47} - transform="rotate(-30.79 562.794 934.368)" + transform='rotate(-30.79 562.794 934.368)' style={{ fill: '#fff', }} @@ -972,7 +972,7 @@ export const Submarine: React.FC = () => { cy={950.8} rx={6.26} ry={11.12} - transform="rotate(-25.23 528.849 950.844)" + transform='rotate(-25.23 528.849 950.844)' style={{ fill: '#8747cc', }} @@ -985,7 +985,7 @@ export const Submarine: React.FC = () => { strokeMiterlimit: 10, strokeWidth: '3.5px', }} - d="m525.58 944.48 5.7 12.8M525.22 952.49l6.42-3.21" + d='m525.58 944.48 5.7 12.8M525.22 952.49l6.42-3.21' /> = () => { }} /> = () => { cy={1001.66} rx={19.35} ry={19.87} - transform="rotate(-35.68 491.675 1001.725)" + transform='rotate(-35.68 491.675 1001.725)' style={{ fill: '#bc83fb', }} /> = () => { }} /> = () => { }} /> = () => { strokeMiterlimit: 10, strokeWidth: '3.5px', }} - d="m651.79 887.03-53.46 20.12M625.54 896.91l8.46 21.52M639.7 891.58l8.35 21.19" + d='m651.79 887.03-53.46 20.12M625.54 896.91l8.46 21.52M639.7 891.58l8.35 21.19' /> = () => { }} /> = () => { style={{ fill: '#65caaf', }} - d="m1540.14 1109.53 8.65-4.94-13.96-19.27-8.29 5.51 13.6 18.7zM1598.6 1224.81c-.43.12-.85.17-1.27.17-2.2 0-4.21-1.47-4.8-3.69-4.04-15.35-9.15-29.93-14.94-43.66v-.02l9.13-3.89c5.96 14.14 11.22 29.19 15.4 45.03.7 2.65-.88 5.37-3.54 6.07Z" + d='m1540.14 1109.53 8.65-4.94-13.96-19.27-8.29 5.51 13.6 18.7zM1598.6 1224.81c-.43.12-.85.17-1.27.17-2.2 0-4.21-1.47-4.8-3.69-4.04-15.35-9.15-29.93-14.94-43.66v-.02l9.13-3.89c5.96 14.14 11.22 29.19 15.4 45.03.7 2.65-.88 5.37-3.54 6.07Z' /> = () => { }} /> = () => { }} /> = () => { cy={977.64} rx={5.89} ry={5.91} - transform="rotate(-86.69 1612.896 977.631)" + transform='rotate(-86.69 1612.896 977.631)' style={{ fill: '#5d4dc4', }} @@ -1213,7 +1213,7 @@ export const Submarine: React.FC = () => { cy={785.14} rx={5.89} ry={5.91} - transform="rotate(-86.69 1818.929 785.117)" + transform='rotate(-86.69 1818.929 785.117)' style={{ fill: '#5d4dc4', }} @@ -1223,7 +1223,7 @@ export const Submarine: React.FC = () => { cy={977.64} rx={5.91} ry={5.89} - transform="rotate(-3.31 305.173 976.98)" + transform='rotate(-3.31 305.173 976.98)' style={{ fill: '#5d4dc4', }} @@ -1233,7 +1233,7 @@ export const Submarine: React.FC = () => { cy={785.14} rx={5.91} ry={5.89} - transform="rotate(-3.31 99.436 784.504)" + transform='rotate(-3.31 99.436 784.504)' style={{ fill: '#5d4dc4', }} @@ -1243,14 +1243,14 @@ export const Submarine: React.FC = () => { cy={489.21} rx={8.07} ry={11.25} - transform="rotate(-81.59 1164.492 489.21)" + transform='rotate(-81.59 1164.492 489.21)' style={{ fill: '#d2ccff', opacity: 0.8, }} /> = () => { cy={827.64} rx={21.03} ry={8.87} - transform="rotate(-47.93 1763.536 827.64)" + transform='rotate(-47.93 1763.536 827.64)' style={{ fill: '#d2ccff', opacity: 0.8, @@ -1272,7 +1272,7 @@ export const Submarine: React.FC = () => { cy={799.22} rx={5.81} ry={4.39} - transform="rotate(-56.61 1784.731 799.217)" + transform='rotate(-56.61 1784.731 799.217)' style={{ fill: '#d2ccff', opacity: 0.8, @@ -1309,7 +1309,7 @@ export const Submarine: React.FC = () => { }} /> = () => { strokeMiterlimit: 10, strokeWidth: '3.5px', }} - d="m1071.56 796.01-21.64 83.68M848.92 796.01l21.64 83.68" + d='m1071.56 796.01-21.64 83.68M848.92 796.01l21.64 83.68' /> = () => { }} /> = () => { }} /> = () => { }} /> = () => { }} /> = () => { }} /> = () => { }} /> = () => { }} /> = () => { cy={906.32} rx={6.49} ry={4.92} - transform="rotate(-48.03 1298.519 906.294)" + transform='rotate(-48.03 1298.519 906.294)' style={{ fill: '#bc83fb', }} @@ -1727,7 +1727,7 @@ export const Submarine: React.FC = () => { cy={915.85} rx={5.11} ry={3.87} - transform="rotate(-23.81 1285.742 915.744)" + transform='rotate(-23.81 1285.742 915.744)' style={{ fill: '#bc83fb', }} @@ -1737,7 +1737,7 @@ export const Submarine: React.FC = () => { cy={920.85} rx={3.84} ry={2.91} - transform="rotate(-8.94 1273.561 920.989)" + transform='rotate(-8.94 1273.561 920.989)' style={{ fill: '#bc83fb', }} @@ -1747,7 +1747,7 @@ export const Submarine: React.FC = () => { cy={416.62} rx={25.7} ry={30.69} - transform="rotate(-81.89 1268.947 416.618)" + transform='rotate(-81.89 1268.947 416.618)' style={{ fill: '#8d7cf7', }} @@ -1757,7 +1757,7 @@ export const Submarine: React.FC = () => { cy={416.62} rx={16.91} ry={20.7} - transform="rotate(-81.89 1268.947 416.618)" + transform='rotate(-81.89 1268.947 416.618)' style={{ fill: 'none', stroke: '#5d4dc4', @@ -1772,10 +1772,10 @@ export const Submarine: React.FC = () => { strokeMiterlimit: 10, strokeWidth: '3.5px', }} - d="m1283.04 404.89-28.49 23.21" + d='m1283.04 404.89-28.49 23.21' /> = () => { strokeMiterlimit: 10, strokeWidth: '3.5px', }} - d="M1584.13 1246.5h51.1M1584.13 1257.05h51.1M1584.13 1267.61h51.1M287.83 1246.5h51.1M287.83 1257.05h51.1M287.83 1267.61h51.1" + d='M1584.13 1246.5h51.1M1584.13 1257.05h51.1M1584.13 1267.61h51.1M287.83 1246.5h51.1M287.83 1257.05h51.1M287.83 1267.61h51.1' /> = () => { }} /> = () => { cy={485.79} rx={2.59} ry={3.09} - transform="rotate(-86.61 1420.231 485.8)" + transform='rotate(-86.61 1420.231 485.8)' style={{ fill: '#8d7cf7', }} @@ -1823,7 +1823,7 @@ export const Submarine: React.FC = () => { cy={444.64} rx={2.59} ry={3.09} - transform="rotate(-86.61 1439.832 444.65)" + transform='rotate(-86.61 1439.832 444.65)' style={{ fill: '#8d7cf7', }} @@ -1833,7 +1833,7 @@ export const Submarine: React.FC = () => { cy={456.9} rx={2.59} ry={3.09} - transform="rotate(-86.61 1336.566 456.911)" + transform='rotate(-86.61 1336.566 456.911)' style={{ fill: '#8d7cf7', }} @@ -1843,7 +1843,7 @@ export const Submarine: React.FC = () => { cy={415.75} rx={2.59} ry={3.09} - transform="rotate(-86.61 1356.167 415.761)" + transform='rotate(-86.61 1356.167 415.761)' style={{ fill: '#8d7cf7', }} @@ -1853,13 +1853,13 @@ export const Submarine: React.FC = () => { cy={1092.37} rx={9.08} ry={5.24} - transform="rotate(-20.82 1615.417 1092.48)" + transform='rotate(-20.82 1615.417 1092.48)' style={{ fill: '#281f70', }} /> = () => { cy={1053.53} rx={12.24} ry={8.03} - transform="rotate(-31.52 1644.287 1053.55)" + transform='rotate(-31.52 1644.287 1053.55)' style={{ fill: '#281f70', }} /> = () => { style={{ fill: '#5d4dc4', }} - d="m1561.97 1040.98 4.06 18.76 7.83-6.8-4.06-18.76-7.83 6.8z" + d='m1561.97 1040.98 4.06 18.76 7.83-6.8-4.06-18.76-7.83 6.8z' /> = () => { }} /> = () => { strokeMiterlimit: 10, strokeWidth: '3.5px', }} - d="m1599.51 1051.96-37.54 31.21" + d='m1599.51 1051.96-37.54 31.21' /> = () => { strokeMiterlimit: 10, strokeWidth: '3.5px', }} - d="m59.24 889.79 86.06 68.59" + d='m59.24 889.79 86.06 68.59' /> = () => { }} /> = () => { cy={819.28} rx={9.08} ry={10.39} - transform="rotate(-89.57 1001.655 819.281)" + transform='rotate(-89.57 1001.655 819.281)' style={{ fill: '#8d7cf7', }} @@ -2142,7 +2142,7 @@ export const Submarine: React.FC = () => { cy={819.28} rx={3.7} ry={4.24} - transform="rotate(-89.57 1001.655 819.281)" + transform='rotate(-89.57 1001.655 819.281)' style={{ fill: 'none', stroke: '#5d4dc4', @@ -2155,7 +2155,7 @@ export const Submarine: React.FC = () => { cy={807.47} rx={5.45} ry={4.77} - transform="rotate(-3.07 917.909 808.637)" + transform='rotate(-3.07 917.909 808.637)' style={{ fill: '#8d7cf7', }} @@ -2165,13 +2165,13 @@ export const Submarine: React.FC = () => { cy={823.59} rx={5.45} ry={4.77} - transform="rotate(-3.07 918.411 824.708)" + transform='rotate(-3.07 918.411 824.708)' style={{ fill: '#5d4dc4', }} /> = () => { cy={383.87} rx={34.37} ry={11.33} - transform="rotate(-6.73 812.057 383.78)" + transform='rotate(-6.73 812.057 383.78)' style={{ fill: '#8d7cf7', }} @@ -2191,13 +2191,13 @@ export const Submarine: React.FC = () => { cy={383.87} rx={13.75} ry={4.54} - transform="rotate(-6.73 812.057 383.78)" + transform='rotate(-6.73 812.057 383.78)' style={{ fill: '#5d4dc4', }} /> = () => { cy={383.87} rx={11.33} ry={34.37} - transform="rotate(-83.27 1102.654 383.858)" + transform='rotate(-83.27 1102.654 383.858)' style={{ fill: '#8d7cf7', }} @@ -2217,7 +2217,7 @@ export const Submarine: React.FC = () => { cy={383.87} rx={4.54} ry={13.75} - transform="rotate(-83.27 1102.654 383.858)" + transform='rotate(-83.27 1102.654 383.858)' style={{ fill: '#5d4dc4', }} @@ -2227,7 +2227,7 @@ export const Submarine: React.FC = () => { cy={403.9} rx={17.91} ry={5.22} - transform="rotate(-16.14 616.664 403.819)" + transform='rotate(-16.14 616.664 403.819)' style={{ fill: '#5d4dc4', }} @@ -2240,28 +2240,28 @@ export const Submarine: React.FC = () => { strokeMiterlimit: 10, strokeWidth: '5.86px', }} - d="m621.79 420.71-4.86-16.82" + d='m621.79 420.71-4.86-16.82' /> = () => { cy={1032.76} rx={4.45} ry={6.78} - transform="rotate(-88.41 295.055 1032.775)" + transform='rotate(-88.41 295.055 1032.775)' style={{ fill: '#281f70', }} @@ -2281,7 +2281,7 @@ export const Submarine: React.FC = () => { cy={1008.81} rx={5.29} ry={3.47} - transform="rotate(-.53 256.948 1009.825)" + transform='rotate(-.53 256.948 1009.825)' style={{ fill: '#281f70', }} @@ -2291,13 +2291,13 @@ export const Submarine: React.FC = () => { cy={1030.84} rx={8.57} ry={5.62} - transform="rotate(-3.07 244.235 1031.08)" + transform='rotate(-3.07 244.235 1031.08)' style={{ fill: '#281f70', }} /> = () => { cy={1004.04} rx={11.77} ry={16.19} - transform="rotate(-83.96 373.506 1004.068)" + transform='rotate(-83.96 373.506 1004.068)' style={{ fill: '#5d4dc4', }} /> = () => { cy={1140.3} rx={26.63} ry={21.08} - transform="rotate(-33.93 289.966 1140.341)" + transform='rotate(-33.93 289.966 1140.341)' style={{ fill: '#8d7cf7', }} @@ -2353,7 +2353,7 @@ export const Submarine: React.FC = () => { cy={1133.24} rx={20.16} ry={20.12} - transform="rotate(-35.06 294.198 1133.171)" + transform='rotate(-35.06 294.198 1133.171)' style={{ fill: '#5d4dc4', }} @@ -2363,19 +2363,19 @@ export const Submarine: React.FC = () => { cy={1130.6} rx={15.67} ry={15.04} - transform="rotate(-35.06 290.381 1130.538)" + transform='rotate(-35.06 290.381 1130.538)' style={{ fill: '#281f70', }} /> = () => { cy={1119.73} rx={16.34} ry={13.65} - transform="rotate(-43.06 272.988 1119.702)" + transform='rotate(-43.06 272.988 1119.702)' style={{ fill: 'none', stroke: '#de493e', @@ -2394,7 +2394,7 @@ export const Submarine: React.FC = () => { }} /> = () => { }} /> = () => { }} /> = () => { cy={1046.52} rx={4.85} ry={3.6} - transform="rotate(-71.31 957.547 1046.51)" + transform='rotate(-71.31 957.547 1046.51)' style={{ fill: '#dcbaff', }} @@ -2458,7 +2458,7 @@ export const Submarine: React.FC = () => { cy={1029.09} rx={5.04} ry={3.74} - transform="rotate(-88.6 960.166 1029.084)" + transform='rotate(-88.6 960.166 1029.084)' style={{ fill: '#dcbaff', }} @@ -2468,7 +2468,7 @@ export const Submarine: React.FC = () => { cy={1028.63} rx={2.81} ry={4.99} - transform="rotate(-13.52 944.815 1028.691)" + transform='rotate(-13.52 944.815 1028.691)' style={{ fill: '#dcbaff', }} @@ -2478,7 +2478,7 @@ export const Submarine: React.FC = () => { cy={1059.56} rx={3.86} ry={2.91} - transform="rotate(-64.25 951.488 1059.554)" + transform='rotate(-64.25 951.488 1059.554)' style={{ fill: '#dcbaff', }} @@ -2492,19 +2492,19 @@ export const Submarine: React.FC = () => { }} /> = () => { strokeMiterlimit: 10, strokeWidth: '3.5px', }} - d="m1711.48 1393.9 3.55-37.65" + d='m1711.48 1393.9 3.55-37.65' /> = () => { }} /> = () => { style={{ fill: '#8d7cf7', }} - d="M1800.63 1785.53v45.36h-320.7l33.3-58.14 287.4 12.78z" + d='M1800.63 1785.53v45.36h-320.7l33.3-58.14 287.4 12.78z' /> = () => { strokeMiterlimit: 10, strokeWidth: '3.5px', }} - d="m1755.26 1813.59-250.74-20.49" + d='m1755.26 1813.59-250.74-20.49' /> - - + + = () => { /> = () => { style={{ fill: '#8d7cf7', }} - d="M118.37 1782.14v48.75h320.7l-33.3-63.08-287.4 14.33z" + d='M118.37 1782.14v48.75h320.7l-33.3-63.08-287.4 14.33z' /> = () => { strokeMiterlimit: 10, strokeWidth: '3.5px', }} - d="m163.68 1811.48 252.12-19.21" + d='m163.68 1811.48 252.12-19.21' /> - + = () => { fill: '#fff', }} /> - + @@ -2796,10 +2796,10 @@ export const Submarine: React.FC = () => { strokeMiterlimit: 10, strokeWidth: '3.5px', }} - d="M128.39 1622.88h300.17" + d='M128.39 1622.88h300.17' /> = () => { strokeMiterlimit: 10, strokeWidth: '3.5px', }} - d="M1490.44 1663.72h300.17" + d='M1490.44 1663.72h300.17' /> - -
      +
      + +
      -

      +

      {formatContractName(name)}

      -

      +

      {D.storageDeposit ? "Let's first deploy the contract!" : 'Loading...'} @@ -116,21 +116,21 @@ export const DeployerProvider: React.FC< {D.storageDeposit && ( )} {M.error && ( -

      - Metadata: +

      + Metadata: {M.error}

      )} {account && D.error && ( -

      - Deployer: +

      + Deployer: {D.error}

      )} @@ -139,7 +139,7 @@ export const DeployerProvider: React.FC< ) : ( - + )}