Merge pull request #459 from tzConnectBerlin/release/0.5.1

chore: release 0.5.1

package.json

@@ -1,6 +1,6 @@
 {
   "name": "prediction-market-ui",
-  "version": "0.5.0",
+  "version": "0.5.1",
   "private": true,
   "license": "MIT",
   "dependencies": {

public/locales/en/common.json

@@ -4,7 +4,7 @@
   "result": "Result",
   "question": "Question",
   "enterQuestionIPFS": "Enter IPFS hash (CID) of the question",
-  "createQuestionPage": "Create a market",
+  "createQuestionPage": "Create Market",
   "description": "Description",
   "createBidPage": "Submit a bid",
   "closeAuctionPage": "Close the auction",

public/locales/en/create-market.json

@@ -2,9 +2,9 @@
   "title": "Create Market",
   "formSubmit": "Create Market",
   "formSubmitWallet": "Connect Wallet + Create Market",
-  "pageDescription": "Prediction markets offer the public the opportunity to contribute their opinion on upcoming events. Create your own by defining a few question parameters and providing initial liquidity.",
-  "tosCheckbox": "I confirm that I am creating a market and therefore am incurring required costs. <br/> By creating a market, I agree to the Terms and Conditions. <br/> I agree to close the market at the appropriate time.*",
-  "walletFlow": "You will be directed to your wallet to complete the creation of this market.<br/> You 'll need sufficient funds for the initial contribution and gas.<br/> Note that you have to confirm any transactions through your wallet.",
+  "pageDescription": "Create your own market by defining a few question parameters and providing initial liquidity. As a market creator, you’ll receive 20% of the accumulated rewards once the market has resolved.",
+  "tosCheckbox": "I confirm that I am creating a market and therefore am incurring required costs. I agree to the Terms and Conditions. I agree to close the market a the appropriate time.*",
+  "walletFlow": "You will be directed to your wallet to complete creating the market.<br/> Note that you’ll need sufficient funds for the initial contribution and gas.",
   "formFields": {
     "imageURL": {
       "label": "Image URL",
@@ -39,12 +39,12 @@
       "heading": "How long can seeders invest before the betting starts ?"
     },
     "initialBid": {
-      "label": "Probability of Yes Resolution",
-      "heading": "At what percentage do you think Yes votes will end at?",
+      "label": "Probability",
+      "heading": "Predicted probability of the market resolving to yes.",
       "tooltip": "Predict the ending of this market: what percentage of bettors will vote for Yes ?"
     },
     "initialContribution": {
-      "label": "Quantity",
+      "label": "Initial Bet Amount",
       "heading": "Minimum {{amount}} {{token}}."
     }
   },
@@ -54,8 +54,8 @@
       "subtitle": "By opening up a market, you are creating an opportunity for the public to contribute their opinion on upcoming events—and potentially be rewarded for it. Get started by filling in the details below. "
     },
     "auctionPhase": {
-      "label": "Pre-Market Phase",
-      "subtitle": "Users can provide liquidity to the market during this phase, earning rewards once the market has resolved. As the market creator, you are the initial liquidity provider for your market."
+      "label": "Pre-Trading Phase",
+      "subtitle": "Users can provide liquidity to the market during this phase, setting the number of yes and no tokens in the pool by selecting a specific probability of the market resolving to yes. As the market creator, you are the initial liquidity provider for your market."
     }
   }
 }

public/locales/en/submit-bid.json

@@ -1,7 +1,7 @@
 {
-  "heading": "Submit Bid",
-  "submitConnected": "Submit Bid",
-  "submitDisconnected": "Connect Wallet + Submit Bid",
+  "heading": "Submit Bet",
+  "submitConnected": "Submit Bet",
+  "submitDisconnected": "Connect Wallet + Submit Bet",
   "probability": "Probability",
   "contribution": "Contribution",
   "currentPosition": "Current Position",

src/assets/styles/style.ts

@@ -118,7 +118,6 @@ export const GlobalStyle = (theme: Theme): SerializedStyles => css`
       opacity: 0.38;
     }
     & .label-asterisk {
-      vertical-align: sub;
       line-height: 0;
     }
   }

src/design-system/atoms/Identicon/Identicon.tsx

@@ -35,8 +35,8 @@ export const StyledAvatar = styled(Avatar)`
   }
 
   &.xxl {
-    width: ${theme.spacing(10)};
-    height: ${theme.spacing(10)};
+    width: ${theme.spacing(9.625)};
+    height: ${theme.spacing(9.625)};
   }
 
   &.max {

src/design-system/atoms/Identicon/__snapshots__/Identicon.test.tsx.snap

@@ -61,8 +61,8 @@ exports[`Snapshot testing Identicon Component renders correctly with Url 1`] = `
 }
 
 .emotion-0.xxl {
-  width: 80px;
-  height: 80px;
+  width: 77px;
+  height: 77px;
 }
 
 .emotion-0.max {
@@ -150,8 +150,8 @@ exports[`Snapshot testing Identicon Component renders correctly with seed 1`] =
 }
 
 .emotion-0.xxl {
-  width: 80px;
-  height: 80px;
+  width: 77px;
+  height: 77px;
 }
 
 .emotion-0.max {
@@ -239,8 +239,8 @@ exports[`Snapshot testing Identicon Component renders correctly with tzKtCat typ
 }
 
 .emotion-0.xxl {
-  width: 80px;
-  height: 80px;
+  width: 77px;
+  height: 77px;
 }
 
 .emotion-0.max {
@@ -328,8 +328,8 @@ exports[`Snapshot testing Identicon Component renders correctly with tzKtCat typ
 }
 
 .emotion-0.xxl {
-  width: 80px;
-  height: 80px;
+  width: 77px;
+  height: 77px;
 }
 
 .emotion-0.max {
@@ -419,8 +419,8 @@ exports[`Snapshot testing Identicon Component renders correctly without props 1`
 }
 
 .emotion-0.xxl {
-  width: 80px;
-  height: 80px;
+  width: 77px;
+  height: 77px;
 }
 
 .emotion-0.max {

src/design-system/molecules/CustomInputLabel/__snapshots__/CustomInputLabel.test.tsx.snap

@@ -38,7 +38,7 @@ exports[`Snapshot testing CustomInputLabel Component renders correctly with defa
 }
 
 .emotion-2 {
-  color: rgba(29, 34, 39, 0.54);
+  color: rgba(29, 34, 39, 0.65);
   font-weight: 400;
   font-size: 1rem;
   line-height: 1.4375em;
@@ -74,8 +74,8 @@ exports[`Snapshot testing CustomInputLabel Component renders correctly with defa
 
 .emotion-3 {
   margin: 0;
-  font-weight: 400;
-  font-size: 1rem;
+  font-weight: 700;
+  font-size: 0.75rem;
   line-height: 1.3;
   font-family: Roboto Mono;
   letter-spacing: 0.00938em;
@@ -147,7 +147,7 @@ exports[`Snapshot testing CustomInputLabel Component renders correctly with only
 }
 
 .emotion-2 {
-  color: rgba(29, 34, 39, 0.54);
+  color: rgba(29, 34, 39, 0.65);
   font-weight: 400;
   font-size: 1rem;
   line-height: 1.4375em;
@@ -183,8 +183,8 @@ exports[`Snapshot testing CustomInputLabel Component renders correctly with only
 
 .emotion-3 {
   margin: 0;
-  font-weight: 400;
-  font-size: 1rem;
+  font-weight: 700;
+  font-size: 0.75rem;
   line-height: 1.3;
   font-family: Roboto Mono;
   letter-spacing: 0.00938em;
@@ -256,7 +256,7 @@ exports[`Snapshot testing CustomInputLabel Component renders correctly with tool
 }
 
 .emotion-2 {
-  color: rgba(29, 34, 39, 0.54);
+  color: rgba(29, 34, 39, 0.65);
   font-weight: 400;
   font-size: 1rem;
   line-height: 1.4375em;
@@ -292,8 +292,8 @@ exports[`Snapshot testing CustomInputLabel Component renders correctly with tool
 
 .emotion-3 {
   margin: 0;
-  font-weight: 400;
-  font-size: 1rem;
+  font-weight: 700;
+  font-size: 0.75rem;
   line-height: 1.3;
   font-family: Roboto Mono;
   letter-spacing: 0.00938em;

src/design-system/molecules/FormikCheckbox/__snapshots__/FormikCheckbox.test.tsx.snap

@@ -76,7 +76,7 @@ exports[`Snapshot - render FormikCheckBox renders correctly with default style 1
   color: inherit;
   padding: 9px;
   border-radius: 50%;
-  color: rgba(29, 34, 39, 0.54);
+  color: rgba(29, 34, 39, 0.65);
 }
 
 .emotion-2::-moz-focus-inner {

src/design-system/molecules/FormikSlider/__snapshots__/FormikSlider.test.tsx.snap

@@ -112,7 +112,7 @@ exports[`Snapshot - render FormikSlider renders correctly with default style 1`]
 }
 
 .emotion-3 {
-  color: rgba(29, 34, 39, 0.54);
+  color: rgba(29, 34, 39, 0.65);
   font-weight: 400;
   font-size: 1rem;
   line-height: 1.4375em;
@@ -148,8 +148,8 @@ exports[`Snapshot - render FormikSlider renders correctly with default style 1`]
 
 .emotion-4 {
   margin: 0;
-  font-weight: 400;
-  font-size: 1rem;
+  font-weight: 700;
+  font-size: 0.75rem;
   line-height: 1.3;
   font-family: Roboto Mono;
   letter-spacing: 0.00938em;

src/design-system/molecules/FormikTextField/__snapshots__/FormikTextField.test.tsx.snap

@@ -54,7 +54,7 @@ exports[`Snapshot - render FormikTextField renders correctly in dropdown mode 1`
 }
 
 .emotion-3 {
-  color: rgba(29, 34, 39, 0.54);
+  color: rgba(29, 34, 39, 0.65);
   font-weight: 400;
   font-size: 1rem;
   line-height: 1.4375em;
@@ -93,8 +93,8 @@ exports[`Snapshot - render FormikTextField renders correctly in dropdown mode 1`
 
 .emotion-4 {
   margin: 0;
-  font-weight: 400;
-  font-size: 1rem;
+  font-weight: 700;
+  font-size: 0.75rem;
   line-height: 1.3;
   font-family: Roboto Mono;
   letter-spacing: 0.00938em;
@@ -699,7 +699,7 @@ exports[`Snapshot - render FormikTextField renders correctly with default props
 }
 
 .emotion-3 {
-  color: rgba(29, 34, 39, 0.54);
+  color: rgba(29, 34, 39, 0.65);
   font-weight: 400;
   font-size: 1rem;
   line-height: 1.4375em;
@@ -738,8 +738,8 @@ exports[`Snapshot - render FormikTextField renders correctly with default props
 
 .emotion-4 {
   margin: 0;
-  font-weight: 400;
-  font-size: 1rem;
+  font-weight: 700;
+  font-size: 0.75rem;
   line-height: 1.3;
   font-family: Roboto Mono;
   letter-spacing: 0.00938em;
@@ -1131,7 +1131,7 @@ exports[`Snapshot - render FormikTextField renders correctly with icon 1`] = `
 }
 
 .emotion-3 {
-  color: rgba(29, 34, 39, 0.54);
+  color: rgba(29, 34, 39, 0.65);
   font-weight: 400;
   font-size: 1rem;
   line-height: 1.4375em;
@@ -1170,8 +1170,8 @@ exports[`Snapshot - render FormikTextField renders correctly with icon 1`] = `
 
 .emotion-4 {
   margin: 0;
-  font-weight: 400;
-  font-size: 1rem;
+  font-weight: 700;
+  font-size: 0.75rem;
   line-height: 1.3;
   font-family: Roboto Mono;
   letter-spacing: 0.00938em;

src/design-system/molecules/Header/__snapshots__/Header.test.tsx.snap

@@ -306,8 +306,8 @@ exports[`Snapshot testing Header Component renders correctly LoggedIn 1`] = `
 }
 
 .emotion-7.xxl {
-  width: 80px;
-  height: 80px;
+  width: 77px;
+  height: 77px;
 }
 
 .emotion-7.max {

src/design-system/molecules/MarketCardContent/__snapshots__/MarketCardContent.test.tsx.snap

@@ -84,7 +84,7 @@ exports[`Snapshot testing MarketCardContent Component renders correctly only sta
 }
 
 .emotion-4 {
-  color: rgba(29, 34, 39, 0.54);
+  color: rgba(29, 34, 39, 0.65);
   padding: 0.2em;
 }
 
@@ -351,7 +351,7 @@ exports[`Snapshot testing MarketCardContent Component renders correctly only tok
 }
 
 .emotion-3 {
-  color: rgba(29, 34, 39, 0.54);
+  color: rgba(29, 34, 39, 0.65);
   padding: 0.2em;
 }
 
@@ -598,7 +598,7 @@ exports[`Snapshot testing MarketCardContent Component renders correctly with Pro
 }
 
 .emotion-3 {
-  color: rgba(29, 34, 39, 0.54);
+  color: rgba(29, 34, 39, 0.65);
   padding: 0.2em;
 }
 

src/design-system/molecules/MarketCardHeader/__snapshots__/MarketCardHeader.test.tsx.snap

@@ -84,8 +84,8 @@ exports[`Snapshot testing MarketCardHeader Component renders correctly with diff
 }
 
 .emotion-2.xxl {
-  width: 80px;
-  height: 80px;
+  width: 77px;
+  height: 77px;
 }
 
 .emotion-2.max {
@@ -367,8 +367,8 @@ exports[`Snapshot testing MarketCardHeader Component renders correctly with hash
 }
 
 .emotion-2.xxl {
-  width: 80px;
-  height: 80px;
+  width: 77px;
+  height: 77px;
 }
 
 .emotion-2.max {
@@ -650,8 +650,8 @@ exports[`Snapshot testing MarketCardHeader Component renders correctly with imag
 }
 
 .emotion-2.xxl {
-  width: 80px;
-  height: 80px;
+  width: 77px;
+  height: 77px;
 }
 
 .emotion-2.max {

src/design-system/molecules/MarketHeader/__snapshots__/MarketHeader.test.tsx.snap

@@ -113,8 +113,8 @@ exports[`Snapshot testing MarketHeader Component renders correctly 1`] = `
 }
 
 .emotion-2.xxl {
-  width: 80px;
-  height: 80px;
+  width: 77px;
+  height: 77px;
 }
 
 .emotion-2.max {

src/design-system/molecules/MarketPosition/__snapshots__/MarketPosition.test.tsx.snap

@@ -119,7 +119,7 @@ exports[`Snapshot testing MarketPosition Component renders correctly only tokenL
 }
 
 .emotion-4 {
-  color: rgba(29, 34, 39, 0.54);
+  color: rgba(29, 34, 39, 0.65);
   padding: 0.2em;
 }