diff --git a/yarn-project/boxes/blank-react/src/app/components/contract_function_form.module.scss b/yarn-project/boxes/blank-react/src/app/components/contract_function_form.module.scss
index f28047b581a..056dcc719ff 100644
--- a/yarn-project/boxes/blank-react/src/app/components/contract_function_form.module.scss
+++ b/yarn-project/boxes/blank-react/src/app/components/contract_function_form.module.scss
@@ -1,67 +1,66 @@
.input {
- border: none;
- outline-width: 0;
- outline-color: rgba(0, 0, 0, 0);
- padding: 2px 20px 0 20px;
- width: 100%;
- height: 45px;
- color: #000;
- border: 1px solid rgba(0, 0, 0, 0);
- font-size: 16px;
- text-align: left;
- font-weight: 400;
- border-radius: 10px;
- text-align: left;
- text-overflow: ellipsis;
- transition: box-shadow .2s;
- box-shadow: 0px 4px 10px rgba(0, 0, 0, .1);
- background-color: white;
- -webkit-appearance: none;
+ border: none;
+ outline-width: 0;
+ outline-color: rgba(0, 0, 0, 0);
+ padding: 2px 20px 0 20px;
+ width: 100%;
+ height: 45px;
+ color: #000;
+ border: 1px solid rgba(0, 0, 0, 0);
+ font-size: 16px;
+ text-align: left;
+ font-weight: 400;
+ border-radius: 10px;
+ text-align: left;
+ text-overflow: ellipsis;
+ transition: box-shadow 0.2s;
+ box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
+ background-color: white;
+ -webkit-appearance: none;
-
- &:disabled {
- color: #4a4a4a;
- background-color: rgba(239, 239, 239, 0.3);
- background: radial-gradient(rgba(239, 239, 239, 0.3), rgba(239, 239, 239, 0.3));
- -webkit-text-fill-color: #4a4a4a;
- cursor: not-allowed;
- }
+ &:disabled {
+ color: #4a4a4a;
+ background-color: rgba(239, 239, 239, 0.3);
+ background: radial-gradient(rgba(239, 239, 239, 0.3), rgba(239, 239, 239, 0.3));
+ -webkit-text-fill-color: #4a4a4a;
+ cursor: not-allowed;
+ }
}
.label {
- font-weight: 450;
- font-size: 18px;
- display: flex;
- width: 100%;
- flex-direction: column;
- text-align: left;
- margin-bottom: 15px;
- justify-content: space-between;
+ font-weight: 450;
+ font-size: 18px;
+ display: flex;
+ width: 100%;
+ flex-direction: column;
+ text-align: left;
+ margin-bottom: 15px;
+ justify-content: space-between;
}
.inputWrapper {
- width: 100%;
- display: flex;
- gap: 15px;
+ width: 100%;
+ display: flex;
+ gap: 15px;
}
.field {
- display: flex;
- justify-content: start;
- flex-direction: column;
- align-items: flex-start;
+ display: flex;
+ justify-content: start;
+ flex-direction: column;
+ align-items: flex-start;
}
.content {
- display: flex;
- justify-content: space-between;
- flex-direction: column;
- margin: 30px;
- width: 450px;
- gap: 30px;
+ display: flex;
+ justify-content: space-between;
+ flex-direction: column;
+ margin: 30px;
+ width: 450px;
+ gap: 30px;
}
.actionButton {
- width: 100%;
- align-self: center;
-}
\ No newline at end of file
+ width: 100%;
+ align-self: center;
+}
diff --git a/yarn-project/boxes/blank-react/src/app/components/contract_function_form.tsx b/yarn-project/boxes/blank-react/src/app/components/contract_function_form.tsx
index e31c940a927..69916e7061e 100644
--- a/yarn-project/boxes/blank-react/src/app/components/contract_function_form.tsx
+++ b/yarn-project/boxes/blank-react/src/app/components/contract_function_form.tsx
@@ -86,7 +86,14 @@ async function handleFunctionCall(
if (functionAbi.functionType === 'unconstrained') {
return await viewContractFunction(contractAddress!, contractAbi, functionName, typedArgs, rpcClient, wallet);
} else {
- const txnReceipt = await callContractFunction(contractAddress!, contractAbi, functionName, typedArgs, rpcClient, wallet);
+ const txnReceipt = await callContractFunction(
+ contractAddress!,
+ contractAbi,
+ functionName,
+ typedArgs,
+ rpcClient,
+ wallet,
+ );
return `Transaction ${txnReceipt.status} on block number ${txnReceipt.blockNumber}`;
}
}
diff --git a/yarn-project/boxes/blank-react/src/app/components/copy.module.scss b/yarn-project/boxes/blank-react/src/app/components/copy.module.scss
index 6b4a52bf549..26b2360c58a 100644
--- a/yarn-project/boxes/blank-react/src/app/components/copy.module.scss
+++ b/yarn-project/boxes/blank-react/src/app/components/copy.module.scss
@@ -1,6 +1,6 @@
.copy {
- cursor: pointer;
- width: 35px;
- height: 25px;
- padding: 2px 8px;
-}
\ No newline at end of file
+ cursor: pointer;
+ width: 35px;
+ height: 25px;
+ padding: 2px 8px;
+}
diff --git a/yarn-project/boxes/blank-react/src/app/components/dropdown.module.scss b/yarn-project/boxes/blank-react/src/app/components/dropdown.module.scss
index 8041aff4bc8..18bd40b356b 100644
--- a/yarn-project/boxes/blank-react/src/app/components/dropdown.module.scss
+++ b/yarn-project/boxes/blank-react/src/app/components/dropdown.module.scss
@@ -1,68 +1,68 @@
.dropdownWrapper {
- position: absolute;
- top: 60px;
- right: 0px;
- border-radius: 10px;
- display: flex;
- overflow: hidden;
- flex-direction: column;
- gap: 1px;
- border: 1px solid #ebeaea;
- background-color: #ebeaea;
- z-index: 1;
+ position: absolute;
+ top: 60px;
+ right: 0px;
+ border-radius: 10px;
+ display: flex;
+ overflow: hidden;
+ flex-direction: column;
+ gap: 1px;
+ border: 1px solid #ebeaea;
+ background-color: #ebeaea;
+ z-index: 1;
}
.dropdownOptionBackground {
- background-color: white;
+ background-color: white;
}
.dropdownOption {
- font-size: 14px;
- padding: 10px 25px;
- white-space: nowrap;
- cursor: pointer;
- font-weight: 600;
- justify-content: space-between;
- letter-spacing: 0.5px;
- display: flex;
+ font-size: 14px;
+ padding: 10px 25px;
+ white-space: nowrap;
+ cursor: pointer;
+ font-weight: 600;
+ justify-content: space-between;
+ letter-spacing: 0.5px;
+ display: flex;
}
.singleOption {
- text-align: center;
- align-items: center;
- justify-content: center;
+ text-align: center;
+ align-items: center;
+ justify-content: center;
}
.dropdownOption.disabled {
- background-image: initial;
- cursor: default;
- background-color: #c4c4c4;
+ background-image: initial;
+ cursor: default;
+ background-color: #c4c4c4;
}
.dropdownOptionBackground:hover {
- background-color: #ebeaea;
+ background-color: #ebeaea;
}
.dropdownOptionBackground.disabled:hover {
- background-color: white;
+ background-color: white;
}
.sublabel {
- text-align: right;
+ text-align: right;
}
.sublabels {
- display: flex;
- flex-direction: row;
- font-weight: 450;
+ display: flex;
+ flex-direction: row;
+ font-weight: 450;
}
.feeOption {
- gap: 5px;
- display: flex;
- flex-direction: column;
+ gap: 5px;
+ display: flex;
+ flex-direction: column;
}
.label {
- color: #2f1f49;
-}
\ No newline at end of file
+ color: #2f1f49;
+}
diff --git a/yarn-project/boxes/blank-react/src/app/components/popup.module.scss b/yarn-project/boxes/blank-react/src/app/components/popup.module.scss
index ecaab4c22fb..0917ca93f41 100644
--- a/yarn-project/boxes/blank-react/src/app/components/popup.module.scss
+++ b/yarn-project/boxes/blank-react/src/app/components/popup.module.scss
@@ -1,27 +1,27 @@
.popup {
- width: 66vw;
- position: absolute;
- display: flex;
- flex-direction: column;
- justify-content: center;
- align-items: center;
- background-color: white;
- border-radius: 20px;
- justify-content: space-around;
- box-shadow: 0px 4px 10px rgba(0, 0, 0, .1);
- border: 3px solid rgb(47, 31, 73);
- align-items: center;
- gap: 30px;
- padding: 30px;
- overflow: scroll;
- min-width: 600px;
- z-index: 100;
+ width: 66vw;
+ position: absolute;
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ background-color: white;
+ border-radius: 20px;
+ justify-content: space-around;
+ box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
+ border: 3px solid rgb(47, 31, 73);
+ align-items: center;
+ gap: 30px;
+ padding: 30px;
+ overflow: scroll;
+ min-width: 600px;
+ z-index: 100;
}
.alert {
- width: 20px;
+ width: 20px;
}
.content {
- width: 100%;
-}
\ No newline at end of file
+ width: 100%;
+}
diff --git a/yarn-project/boxes/blank-react/src/app/components/select.module.scss b/yarn-project/boxes/blank-react/src/app/components/select.module.scss
index 71ecf95ab7f..d639c52f47d 100644
--- a/yarn-project/boxes/blank-react/src/app/components/select.module.scss
+++ b/yarn-project/boxes/blank-react/src/app/components/select.module.scss
@@ -1,65 +1,65 @@
.selectBox {
- border-radius: 10px;
- background-color: white;
- position: relative;
- font-family: Sohne;
- font-size: 16px;
- height: 45px;
- cursor: pointer;
- font-weight: 450;
+ border-radius: 10px;
+ background-color: white;
+ position: relative;
+ font-family: Sohne;
+ font-size: 16px;
+ height: 45px;
+ cursor: pointer;
+ font-weight: 450;
- @media (max-width: 480px) {
- margin: 0;
- }
+ @media (max-width: 480px) {
+ margin: 0;
+ }
}
.icon {
- min-width: 12px;
+ min-width: 12px;
}
.border {
- box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.1);
+ box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.1);
}
.innerFrame {
- height: 45px;
- padding: 0 15px;
- display: flex;
- align-items: center;
- justify-content: space-between;
- overflow: hidden;
- gap: 10px;
+ height: 45px;
+ padding: 0 15px;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ overflow: hidden;
+ gap: 10px;
}
.innerFrameWithButton {
- padding-right: 0px;
+ padding-right: 0px;
}
.value {
- white-space: nowrap;
+ white-space: nowrap;
}
.dropdown {
- top: 45px;
- left: 0%;
- min-width: 130px;
- width: 100%;
+ top: 45px;
+ left: 0%;
+ min-width: 130px;
+ width: 100%;
}
.closeButton {
- height: 30px;
- padding: 15px 15px 15px 5px;
- display: flex;
- justify-content: flex-end;
- align-items: center;
+ height: 30px;
+ padding: 15px 15px 15px 5px;
+ display: flex;
+ justify-content: flex-end;
+ align-items: center;
}
.disabled {
- background-color: rgba(239, 239, 239, 0.3);
- color: #4a4a4a;
- cursor: not-allowed;
+ background-color: rgba(239, 239, 239, 0.3);
+ color: #4a4a4a;
+ cursor: not-allowed;
}
.placeholder {
- color: #757575;
-}
\ No newline at end of file
+ color: #757575;
+}
diff --git a/yarn-project/boxes/blank-react/src/app/components/wallet_dropdown.module.scss b/yarn-project/boxes/blank-react/src/app/components/wallet_dropdown.module.scss
index 8ad6aae3cf6..27fdfc4f7f7 100644
--- a/yarn-project/boxes/blank-react/src/app/components/wallet_dropdown.module.scss
+++ b/yarn-project/boxes/blank-react/src/app/components/wallet_dropdown.module.scss
@@ -1,9 +1,9 @@
.walletSelector {
- position: fixed;
- top: 30px;
- right: 30px;
- display: flex;
- gap: 10px;
- flex-direction: row;
- align-items: center;
-}
\ No newline at end of file
+ position: fixed;
+ top: 30px;
+ right: 30px;
+ display: flex;
+ gap: 10px;
+ flex-direction: row;
+ align-items: center;
+}
diff --git a/yarn-project/boxes/blank-react/src/app/contract.module.scss b/yarn-project/boxes/blank-react/src/app/contract.module.scss
index bd16d195904..d5404d25035 100644
--- a/yarn-project/boxes/blank-react/src/app/contract.module.scss
+++ b/yarn-project/boxes/blank-react/src/app/contract.module.scss
@@ -1,53 +1,53 @@
.tos {
- position: fixed;
- bottom: 30px;
- right: 30px;
- cursor: pointer;
- font-size: 14px;
+ position: fixed;
+ bottom: 30px;
+ right: 30px;
+ cursor: pointer;
+ font-size: 14px;
}
.selectorWrapper {
- display: flex;
- flex-direction: column;
- margin: 30px;
- gap: 20px;
+ display: flex;
+ flex-direction: column;
+ margin: 30px;
+ gap: 20px;
}
.functions {
- display: flex;
- flex-direction: row;
- gap: 20px;
+ display: flex;
+ flex-direction: row;
+ gap: 20px;
}
.tag {
- font-weight: 450;
- display: flex;
- position: relative;
- flex-direction: column;
- font-size: 16px;
- gap: 5px;
- background-color: #fff;
- text-align: right;
- padding: 14px 18px;
- text-align: center;
- background-color: #f9f9f9;
- align-self: center;
- border-radius: 10px;
+ font-weight: 450;
+ display: flex;
+ position: relative;
+ flex-direction: column;
+ font-size: 16px;
+ gap: 5px;
+ background-color: #fff;
+ text-align: right;
+ padding: 14px 18px;
+ text-align: center;
+ background-color: #f9f9f9;
+ align-self: center;
+ border-radius: 10px;
}
.back {
- top: 15px;
- width: 20px;
- left: 30px;
- margin-bottom: 15px;
+ top: 15px;
+ width: 20px;
+ left: 30px;
+ margin-bottom: 15px;
}
.address {
- display: flex;
- justify-content: center;
- align-items: center;
+ display: flex;
+ justify-content: center;
+ align-items: center;
}
.title {
- font-weight: 500;
-}
\ No newline at end of file
+ font-weight: 500;
+}
diff --git a/yarn-project/boxes/blank-react/src/app/home.module.scss b/yarn-project/boxes/blank-react/src/app/home.module.scss
index 12cce21ad73..44ff7f76446 100644
--- a/yarn-project/boxes/blank-react/src/app/home.module.scss
+++ b/yarn-project/boxes/blank-react/src/app/home.module.scss
@@ -1,28 +1,28 @@
.main {
- display: flex;
- gap: 20px;
- flex-direction: column;
- justify-content: center;
- align-items: center;
+ display: flex;
+ gap: 20px;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
}
.logo {
- position: fixed;
- cursor: pointer;
- top: 35px;
- left: 30px;
- height: 35px;
+ position: fixed;
+ cursor: pointer;
+ top: 35px;
+ left: 30px;
+ height: 35px;
}
.privateBackground {
- transform: rotate(-20deg);
- width: 150vw;
- height: 150vh;
- font-weight: 500;
- opacity: 0.3;
- font-size: 14px;
- pointer-events: none;
- position: absolute;
- font-size: 14px;
- z-index: 0;
-}
\ No newline at end of file
+ transform: rotate(-20deg);
+ width: 150vw;
+ height: 150vh;
+ font-weight: 500;
+ opacity: 0.3;
+ font-size: 14px;
+ pointer-events: none;
+ position: absolute;
+ font-size: 14px;
+ z-index: 0;
+}
diff --git a/yarn-project/boxes/blank/src/index.html b/yarn-project/boxes/blank/src/index.html
index b5a876be4e8..84f225fe8a9 100644
--- a/yarn-project/boxes/blank/src/index.html
+++ b/yarn-project/boxes/blank/src/index.html
@@ -1,16 +1,14 @@
-
+
-
-
-
-
+
+
+
Minimal Noir Contract Webpack
-
+
-
+
-
-
-
\ No newline at end of file
+
+