chore: Merge branch 'dev'

Author: mydearxym

.travis.yml

@@ -14,7 +14,7 @@ before_install:
 
 install:
   # web related
-  - npm install > /dev/null
+  - npm install
   # - npm install -g codecov
   - commitlint-travis
   # elixir/phoenix env

config/next_seo.js

@@ -4,7 +4,7 @@ export default {
   cannotical: 'https://coderplanets.com',
   openGraph: {
     type: 'website',
-    locale: 'en_IE',
+    locale: 'zh_cn',
     url: 'https://coderplanets.com',
     site_name: 'coderplanets',
     description: 'the sexiest community for developers, ever.',

containers/Banner/styles/index.js

@@ -17,8 +17,6 @@ export const BaseBanner = styled.nav`
 
 export const BaseBannerContent = styled.div`
   ${cs.flex()};
-  margin-left: 8%;
-  margin-right: 8%;
   ${cs.media.mobile`
     margin-left: 4%;
     margin-right: 3%;
@@ -29,7 +27,7 @@ export const BaseTabber = styled.div`
   ${cs.flex()};
   position: absolute;
   bottom: -16px;
-  width: 80vw;
+  width: 100%;
   ${cs.media.mobile`width: 100%`};
   overflow-y: scroll;
 `

containers/Cashier/schema.js

@@ -5,18 +5,21 @@ const createBill = gql`
     $paymentMethod: PaymentMethodEnum!
     $paymentUsage: PaymentUsageEnum!
     $amount: Float!
+    $note: String
   ) {
     createBill(
       paymentMethod: $paymentMethod
       paymentUsage: $paymentUsage
       amount: $amount
+      note: $note
     ) {
       id
       state
       amount
       hashId
       paymentUsage
       paymentMethod
+      note
     }
   }
 `
@@ -30,6 +33,7 @@ const pagedBillRecords = gql`
         hashId
         paymentUsage
         paymentMethod
+        note
       }
       totalPages
       totalCount

containers/CommunityBanner/styles/brief_view.js

@@ -8,25 +8,27 @@ export const Wrapper = styled(BaseBanner)`
 `
 export const BaseBannerContent = styled.div`
   ${cs.flex()};
-  margin-left: 8%;
-  margin-right: 8%;
 `
 export const BannerContainer = styled(BaseBanner)``
 
 export const TabberWrapper = styled.div`
   ${cs.flex()};
-  width: 80vw;
-  margin-left: 250px;
+  max-width: ${cs.MAX_CONTENT_WIDTH};
   margin-top: 4px;
+  width: 100%;
+  padding: 0 15vw;
 
-  @media (min-width: 1600px) {
-    margin-left: 270px;
-  }
+  ${cs.media.desktop`
+    padding: 0 18vw;
+  `};
 
   ${cs.media.mobile`
     width: 55vw;
     overflow: scroll;
     margin-left: 45vw;
   `};
 `
-export const BannerContentWrapper = styled(BaseBannerContent)``
+export const BannerContentWrapper = styled(BaseBannerContent)`
+  width: 100%;
+  ${cs.flex('justify-center')};
+`