Update of Veterans community - Step #1

Home page, desktop - done

Author: birdofpreyru

.exchange-rates.cache

@@ -1 +1 @@
-{"disclaimer":"Usage subject to terms: https://openexchangerates.org/terms","license":"https://openexchangerates.org/license","timestamp":1511002804,"base":"USD","rates":{"AED":3.673018,"AFN":68.719,"ALL":113.456378,"AMD":485.605,"ANG":1.785376,"AOA":165.9225,"ARS":17.479167,"AUD":1.321734,"AWG":1.786752,"AZN":1.6985,"BAM":1.65869,"BBD":2,"BDT":83.4935,"BGN":1.658614,"BHD":0.377904,"BIF":1753.75,"BMD":1,"BND":1.355203,"BOB":6.971581,"BRL":3.2579,"BSD":1,"BTC":0.00012922225,"BTN":65.030503,"BWP":10.559461,"BYN":2.00163,"BZD":2.01042,"CAD":1.27715,"CDF":1585,"CHF":0.989065,"CLF":0.02325,"CLP":626.6,"CNH":6.637038,"CNY":6.62855,"COP":3006.42,"CRC":568.225,"CUC":1,"CUP":25.5,"CVE":93.8,"CZK":21.694226,"DJF":178.97,"DKK":6.308368,"DOP":48.085885,"DZD":114.760772,"EGP":17.645,"ERN":15.336062,"ETB":27.361193,"EUR":0.848105,"FJD":2.084256,"FKP":0.7566,"GBP":0.7566,"GEL":2.484908,"GGP":0.7566,"GHS":4.52,"GIP":0.7566,"GMD":47.4,"GNF":9030,"GTQ":7.346785,"GYD":207.17,"HKD":7.81041,"HNL":23.662595,"HRK":6.4177,"HTG":63.244899,"HUF":264.39,"IDR":13518.246714,"ILS":3.51465,"IMP":0.7566,"INR":65.0155,"IQD":1167.25,"IRR":34712.946723,"ISK":103.303389,"JEP":0.7566,"JMD":126.22,"JOD":0.709503,"JPY":112.085,"KES":103.725,"KGS":69.13048,"KHR":4029.9,"KMF":417.625,"KPW":900,"KRW":1094,"KWD":0.30209,"KYD":0.833477,"KZT":332.142791,"LAK":8325.35,"LBP":1516.35,"LKR":153.734844,"LRD":124.825,"LSL":14.287176,"LYD":1.365334,"MAD":9.433827,"MDL":17.559354,"MGA":3169.15,"MKD":52.272977,"MMK":1358.3,"MNT":2447.45248,"MOP":8.047266,"MRO":355.305,"MUR":34.0585,"MVR":15.374961,"MWK":724.675734,"MXN":18.921493,"MYR":4.1555,"MZN":60.497777,"NAD":14.075,"NGN":360.085,"NIO":30.780869,"NOK":8.239269,"NPR":104.035,"NZD":1.46685,"OMR":0.38506,"PAB":1,"PEN":3.244,"PGK":3.213429,"PHP":50.835,"PKR":105.43897,"PLN":3.5914,"PYG":5654.05,"QAR":3.8658,"RON":3.931204,"RSD":100.493807,"RUB":58.9636,"RWF":855.01,"SAR":3.7502,"SBD":7.823411,"SCR":13.811,"SDG":6.678133,"SEK":8.424835,"SGD":1.356335,"SHP":0.7566,"SLL":7643.328121,"SOS":578.64,"SRD":7.448,"SSP":130.2634,"STD":20785.000286,"SVC":8.752107,"SYP":514.98999,"SZL":14.28155,"THB":32.859,"TJS":8.827008,"TMT":3.50998,"TND":2.496507,"TOP":2.259682,"TRY":3.877315,"TTD":6.731464,"TWD":30.072,"TZS":2246.2,"UAH":26.485729,"UGX":3635.85,"USD":1,"UYU":29.415851,"UZS":8071.1,"VEF":10.45775,"VND":22712.753308,"VUV":107,"WST":2.549807,"XAF":556.320411,"XAG":0.05773865,"XAU":0.00077271,"XCD":2.70255,"XDR":0.708747,"XOF":556.320411,"XPD":0.0010031,"XPF":101.205847,"XPT":0.00105057,"YER":250.319142,"ZAR":13.979755,"ZMW":10.062533,"ZWL":322.355011}}
+{"disclaimer":"Usage subject to terms: https://openexchangerates.org/terms","license":"https://openexchangerates.org/license","timestamp":1511114406,"base":"USD","rates":{"AED":3.673018,"AFN":68.719,"ALL":113.456378,"AMD":485.605,"ANG":1.785376,"AOA":165.9235,"ARS":17.474,"AUD":1.3216,"AWG":1.786752,"AZN":1.6985,"BAM":1.65869,"BBD":2,"BDT":83.4935,"BGN":1.65958,"BHD":0.377904,"BIF":1753.75,"BMD":1,"BND":1.356401,"BOB":6.971581,"BRL":3.2578,"BSD":1,"BTC":0.000125577118,"BTN":65.030503,"BWP":10.495496,"BYN":2.00163,"BZD":2.01042,"CAD":1.276585,"CDF":1585,"CHF":0.988575,"CLF":0.02325,"CLP":626.6,"CNH":6.63507,"CNY":6.627,"COP":3016.02,"CRC":568.225,"CUC":1,"CUP":25.5,"CVE":93.8,"CZK":21.6918,"DJF":178.97,"DKK":6.311285,"DOP":48.085885,"DZD":114.756818,"EGP":17.639,"ERN":15.336062,"ETB":27.361193,"EUR":0.84778,"FJD":2.084256,"FKP":0.7568,"GBP":0.7568,"GEL":2.484908,"GGP":0.7568,"GHS":4.565998,"GIP":0.7568,"GMD":47.4,"GNF":9030,"GTQ":7.346785,"GYD":207.17,"HKD":7.81145,"HNL":23.662595,"HRK":6.4177,"HTG":63.244899,"HUF":264.53,"IDR":13518.246714,"ILS":3.51465,"IMP":0.7568,"INR":64.915,"IQD":1167.25,"IRR":34712.946723,"ISK":103.303389,"JEP":0.7568,"JMD":126.22,"JOD":0.709503,"JPY":112.1155,"KES":103.716224,"KGS":69.13048,"KHR":4029.9,"KMF":417.625,"KPW":900,"KRW":1094.38,"KWD":0.301916,"KYD":0.833477,"KZT":332.142791,"LAK":8325.35,"LBP":1516.35,"LKR":153.734844,"LRD":124.825,"LSL":14.073639,"LYD":1.365334,"MAD":9.433827,"MDL":17.559354,"MGA":3169.15,"MKD":52.2655,"MMK":1358.3,"MNT":2447.45248,"MOP":8.047266,"MRO":355.305,"MUR":34.05,"MVR":15.34988,"MWK":724.675734,"MXN":18.9182,"MYR":4.1555,"MZN":60.497777,"NAD":14.055139,"NGN":360.085,"NIO":30.780869,"NOK":8.240285,"NPR":104.035,"NZD":1.466857,"OMR":0.38506,"PAB":1,"PEN":3.245929,"PGK":3.213429,"PHP":50.831,"PKR":105.43897,"PLN":3.59095,"PYG":5654.05,"QAR":3.8658,"RON":3.931207,"RSD":100.455,"RUB":59.086,"RWF":855.01,"SAR":3.7502,"SBD":7.823411,"SCR":13.811,"SDG":6.678133,"SEK":8.42299,"SGD":1.355399,"SHP":0.7568,"SLL":7643.328121,"SOS":578.64,"SRD":7.448,"SSP":130.2634,"STD":20785.000286,"SVC":8.752107,"SYP":514.98999,"SZL":14.065711,"THB":32.8475,"TJS":8.827008,"TMT":3.50998,"TND":2.496507,"TOP":2.259682,"TRY":3.87671,"TTD":6.731464,"TWD":30.085,"TZS":2244.5,"UAH":26.485729,"UGX":3635.85,"USD":1,"UYU":29.415851,"UZS":8071.1,"VEF":10.45775,"VND":22712.753308,"VUV":107,"WST":2.549807,"XAF":556.107225,"XAG":0.05773865,"XAU":0.00077271,"XCD":2.70255,"XDR":0.708747,"XOF":556.107225,"XPD":0.0010031,"XPF":101.167064,"XPT":0.00105057,"YER":250.319142,"ZAR":13.986175,"ZMW":10.062533,"ZWL":322.355011}}

__tests__/shared/components/tc-communities/__snapshots__/JoinCommunity.jsx.snap

@@ -1,7 +1,9 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Matches shallow shapshot 1`] = `
-<div>
+<div
+  className={undefined}
+>
   <button
     className="src-shared-components-tc-communities-JoinCommunity-___style__link___mMDH0 "
     onClick={[Function]}
@@ -24,7 +26,9 @@ exports[`Matches shallow shapshot 1`] = `
 `;
 
 exports[`Matches shallow shapshot 2`] = `
-<div>
+<div
+  className={undefined}
+>
   <button
     className="src-shared-components-tc-communities-JoinCommunity-___style__link___mMDH0 src-shared-components-tc-communities-JoinCommunity-___style__joining___rq-m2"
     onClick={[Function]}
@@ -56,7 +60,9 @@ exports[`Matches shallow shapshot 3`] = `
 `;
 
 exports[`Matches shallow shapshot 4`] = `
-<div>
+<div
+  className={undefined}
+>
   <button
     className="src-shared-components-tc-communities-JoinCommunity-___style__link___mMDH0 "
     onClick={[Function]}
@@ -94,7 +100,9 @@ exports[`Matches shallow shapshot 4`] = `
 `;
 
 exports[`Matches shallow shapshot 5`] = `
-<div>
+<div
+  className={undefined}
+>
   <button
     className="src-shared-components-tc-communities-JoinCommunity-___style__link___mMDH0 "
     onClick={[Function]}

config/webpack/default.js

@@ -76,7 +76,6 @@ module.exports = {
       },
     }, {
       test: /\.(gif|jpeg|jpg|png|svg)$/,
-      include: /src[\\/]assets[\\/]images/,
       loader: 'file-loader',
       options: {
         outputPath: '/images/',

src/assets/themes/veterans/home/banner.jpg

@@ -0,0 +1,42 @@
+/**
+ * A generic version of ImageText component; to be preferred over that one.
+ */
+
+import React from 'react';
+import PT from 'prop-types';
+import { themr } from 'react-css-super-themr';
+import defaultStyle from './style.scss';
+
+function ImageText2(props) {
+  const { imageUrl, theme, children } = props;
+  return (
+    <div className={theme.container}>
+      <div
+        className={theme.image}
+        style={{
+          backgroundImage: `url(${imageUrl})`,
+        }}
+      />
+      <div className={theme.content}>{children}</div>
+    </div>
+  );
+}
+
+ImageText2.defaultProps = {
+  imageUrl: '',
+  theme: {},
+  children: null,
+};
+
+ImageText2.propTypes = {
+  imageUrl: PT.string,
+  theme: PT.shape({
+    container: PT.string,
+    image: PT.string,
+    imageContainer: PT.string,
+    content: PT.string,
+  }),
+  children: PT.node,
+};
+
+export default themr('ImageText2', defaultStyle)(ImageText2);

src/assets/themes/veterans/home/card-01.jpg

@@ -0,0 +1,42 @@
+@import '~styles/mixins';
+
+.container {
+  display: flex;
+  width: 100%;
+
+  @include xxs-to-xs {
+    display: block;
+  }
+
+  &:nth-child(odd) {
+    flex-direction: row-reverse;
+  }
+}
+
+.image {
+  background-position: 50% 50%;
+  background-size: cover;
+  width: 50%;
+
+  @include xxs-to-xs {
+    height: auto;
+    min-height: 180px;
+    width: 100%;
+
+    &::after {
+      content: '';
+      display: block;
+      height: 0;
+      padding-bottom: 48%; /* fixed aspect ration 180 / 375 */
+    }
+  }
+}
+
+.content {
+  padding: 24px;
+  width: 50%;
+
+  @include xxs-to-xs {
+    width: 100%;
+  }
+}

src/assets/themes/veterans/home/card-02.jpg

@@ -37,7 +37,9 @@ export default function JoinCommunity({
 }) {
   if (state === STATE.HIDDEN) return <div styleName="placeholder" />;
   return (
-    <div>
+    <div
+      className={theme.container}
+    >
       <button
         onClick={() => {
           switch (state) {