[Improvement] Chenge font-weight: 100 to font-weight:400

README.md

@@ -6,7 +6,7 @@
 </p>
 <!-- Name -->
 <h1 align="center">
-  <a href="https://github.com/Qolzam/react-social-network">React Social Network </a>:rocket:<span style="font-variant-caps: petite-caps;font-size: 30px;font-weight: 100;"> Version NEXT! </span>:rocket:
+  <a href="https://github.com/Qolzam/react-social-network">React Social Network </a>:rocket:<span style="font-variant-caps: petite-caps;font-size: 30px;font-weight: 400;"> Version NEXT! </span>:rocket:
 </h1>
 
 [![Gitter](https://badges.gitter.im/react-social-network/Lobby.svg)](https://gitter.im/react-social-network/Lobby?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)

docs/README.md

@@ -6,7 +6,7 @@
 </p>
 <!-- Name -->
 <h1 align="center">
-  <a href="https://github.com/Qolzam/react-social-network">React Social Network </a>:rocket:<span style="font-variant-caps: petite-caps;font-size: 30px;font-weight: 100;"> Version NEXT! </span>:rocket:
+  <a href="https://github.com/Qolzam/react-social-network">React Social Network </a>:rocket:<span style="font-variant-caps: petite-caps;font-size: 30px;font-weight: 400;"> Version NEXT! </span>:rocket:
 </h1>
 
 [![Gitter](https://badges.gitter.im/react-social-network/Lobby.svg)](https://gitter.im/react-social-network/Lobby?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)

public/index.html

@@ -98,7 +98,7 @@
             -moz-background-clip: text;
             background-clip: text;
             color: transparent;
-            font-weight: 100;
+            font-weight: 400;
         }
         
         .load-progress {

src/components/comment/CommentComponent.tsx

@@ -43,7 +43,7 @@ import { ICommentComponentState } from './ICommentComponentState'
 
 const styles = (theme: any) => ({
   textField: {
-    fontWeight: 100,
+    fontWeight: 400,
     fontSize: '14px'
   },
   header: {
@@ -66,7 +66,7 @@ const styles = (theme: any) => ({
   },
   commentBody: {
     color: 'black',
-    fontWeight: 100,
+    fontWeight: 400,
     fontSize: '12px',
     height: '100%',
     border: 'none',
@@ -126,7 +126,7 @@ export class CommentComponent extends Component<ICommentComponentProps, IComment
 
     },
     textarea: {
-      fontWeight: 100,
+      fontWeight: 400,
       fontSize: '14px',
       border: 'none',
       width: '100%',
@@ -334,7 +334,7 @@ export class CommentComponent extends Component<ICommentComponentProps, IComment
     const Author = () => (
       <div>
         <NavLink to={`/${userId}`}> <span style={this.styles.author as any}>{comment.userDisplayName}</span></NavLink><span style={{
-          fontWeight: 100,
+          fontWeight: 400,
           fontSize: '8px'
         }}>{moment.unix(comment.creationDate!).fromNow()}</span>
       </div>

src/components/commentGroup/CommentGroupComponent.tsx

@@ -38,7 +38,7 @@ import { ServerRequestStatusType } from 'actions/serverRequestStatusType'
 
 const styles = (theme: any) => ({
   textField: {
-    fontWeight: 100,
+    fontWeight: 400,
     fontSize: '14px'
   },
   header: {
@@ -46,7 +46,7 @@ const styles = (theme: any) => ({
   },
   commentBody: {
     color: 'black',
-    fontWeight: 100,
+    fontWeight: 400,
     fontSize: '12px',
     height: '100%',
     border: 'none',
@@ -116,7 +116,7 @@ export class CommentGroupComponent extends Component<ICommentGroupComponentProps
     },
     writeCommentTextField: {
       width: '100%',
-      fontWeight: 100,
+      fontWeight: 400,
       fontSize: '14px'
     },
     progressbar: {
@@ -245,7 +245,7 @@ export class CommentGroupComponent extends Component<ICommentGroupComponentProps
         const Author = () => (
           <div>
             <NavLink to={`/${comment.userId!}`}> <span className={classes.author}>{comment.userDisplayName}</span></NavLink><span style={{
-              fontWeight: 100,
+              fontWeight: 400,
               fontSize: '8px'
             }}>{moment.unix(comment.creationDate!).fromNow()}</span>
           </div>

src/components/emailVerification/EmailVerificationComponent.tsx

@@ -26,7 +26,7 @@ export class EmailVerificationComponent extends Component<IEmailVerificationComp
 
   styles = {
     message: {
-      fontWeight: 100
+      fontWeight: 400
     },
     buttons: {
       marginTop: 60

src/components/imageGallery/ImageGalleryComponent.tsx

@@ -52,7 +52,7 @@ export class ImageGalleryComponent extends Component<IImageGalleryComponentProps
     },
     uploadButton: {
       verticalAlign: 'middle',
-      fontWeight: 100
+      fontWeight: 400
     },
     uploadInput: {
       cursor: 'pointer',

src/components/img/ImgComponent.tsx

@@ -38,7 +38,7 @@ export class ImgComponent extends Component<IImgComponentProps,IImgComponentStat
       height: '100px',
       position: 'relative',
       color: '#cacecd',
-      fontWeight: 100
+      fontWeight: 400
     },
     loadingContent: {
       display: 'flex',

src/components/imgCover/ImgCoverComponent.tsx

@@ -62,7 +62,7 @@ export class ImgCoverComponent extends Component<IImgCoverComponentProps,IImgCov
       height: '100px',
       position: 'relative',
       color: '#cacecd',
-      fontWeight: 100
+      fontWeight: 400
     },
     loadingContent: {
       display: 'flex',

src/components/login/LoginComponent.tsx

@@ -43,7 +43,7 @@ export class LoginComponent extends Component<ILoginComponentProps,ILoginCompone
     },
     restPassword: {
       lineHeight: 6,
-      fontWeight: 100,
+      fontWeight: 400,
       fontSize: 'small'
     },
     restPasswordLink: {

src/components/post/PostComponent.tsx

@@ -64,13 +64,13 @@ const styles = (theme: any) => ({
   voteCounter: {
     color: 'rgb(134, 129, 129)',
     fontSize: 10,
-    fontWeight: 100,
+    fontWeight: 400,
     padding: 2
   },
   commentCounter: {
     color: 'rgb(134, 129, 129)',
     fontSize: 10,
-    fontWeight: 100,
+    fontWeight: 400,
     padding: 4
   },
   popperOpen: {
@@ -90,7 +90,7 @@ const styles = (theme: any) => ({
     textAlign: 'center',
     marginTop: '10px',
     color: '#1e882d',
-    fontWeight: 100
+    fontWeight: 400
   },
   postBody: {
     wordWrap: 'break-word',

src/components/postWrite/PostWriteComponent.tsx

@@ -412,7 +412,7 @@ export class PostWriteComponent extends Component<IPostWriteComponentProps, IPos
           overflow: 'hidden',
           lineHeight: '25px'
         }}>{this.props.ownerDisplayName}</span><span style={{
-          fontWeight: 100,
+          fontWeight: 400,
           fontSize: '10px'
         }}> | {translate!('post.public')}</span>
       </div>
@@ -488,7 +488,7 @@ export class PostWriteComponent extends Component<IPostWriteComponentProps, IPos
                       multiline
                       rows={2}
                       rowsMax={4}
-                      style={{ fontWeight: 200, fontSize: '14px', margin: '0 16px', flexShrink: 0, width: 'initial', flexGrow: 1 }}
+                      style={{ fontWeight: 400, fontSize: '14px', margin: '0 16px', flexShrink: 0, width: 'initial', flexGrow: 1 }}
 
                     />
 

src/components/profileHeader/ProfileHeaderComponent.tsx

@@ -2,6 +2,9 @@
 import React, { Component } from 'react'
 import { connect } from 'react-redux'
 import PropTypes from 'prop-types'
+import config from 'src/config'
+
+// - Material UI
 import { grey } from 'material-ui/colors'
 import IconButton from 'material-ui/IconButton'
 import MoreVertIcon from 'material-ui-icons/MoreVert'
@@ -172,7 +175,7 @@ export class ProfileHeaderComponent extends Component<IProfileHeaderComponentPro
                 <Parallax strength={500} className='profile__parallax' bgStyle={{ position: 'relative' }}>
                     <Background>
                         <ImgCover width='100%' height='510px' borderRadius='2px'
-                        fileName={this.props.banner || 'https://firebasestorage.googleapis.com/v0/b/open-social-33d92.appspot.com/o/images%2F751145a1-9488-46fd-a97e-04018665a6d3.JPG?alt=media&token=1a1d5e21-5101-450e-9054-ea4a20e06c57'} />
+                        fileName={this.props.banner || config.settings.defaultProfileCover} />
                     </Background>
 
                 </Parallax>

src/config/environment.dev.ts

@@ -11,6 +11,7 @@ export const environment = {
   },
   settings: {
     appName: 'Green',
+    defaultProfileCover: 'https://firebasestorage.googleapis.com/v0/b/open-social-33d92.appspot.com/o/images%2F751145a1-9488-46fd-a97e-04018665a6d3.JPG?alt=media&token=1a1d5e21-5101-450e-9054-ea4a20e06c57',
     defaultLanguage: LanguageType.English
   },
   theme: {

src/config/environment.prod.ts

@@ -11,6 +11,7 @@ export const environment = {
   },
   settings: {
     appName: 'Green',
+    defaultProfileCover: 'https://firebasestorage.googleapis.com/v0/b/open-social-33d92.appspot.com/o/images%2F751145a1-9488-46fd-a97e-04018665a6d3.JPG?alt=media&token=1a1d5e21-5101-450e-9054-ea4a20e06c57',
     defaultLanguage: LanguageType.English
   },
   theme: {

src/styles/app.css

@@ -719,7 +719,7 @@ g__input-underline::after {
   .homeHeader__notify div.title {
     color: white;
     font-size: 10px;
-    font-weight: 100;
+    font-weight: 400;
     white-space: nowrap;
     -webkit-flex-shrink: 1;
     flex-shrink: 1;
@@ -787,7 +787,7 @@ g__input-underline::after {
           .homeHeader__notify-menu div.container div.content div.item div.info div.description {
             color: rgba(0, 0, 0, 0.54);
             font-size: 14px;
-            font-weight: 200;
+            font-weight: 400;
             white-space: nowrap;
             overflow: hidden;
             text-overflow: ellipsis; }

src/styles/components/_homeHeader.scss

@@ -47,7 +47,7 @@
   div.title {
     color: white;
     font-size: 10px;
-    font-weight: 100;
+    font-weight: 400;
     white-space: nowrap;
     -webkit-flex-shrink: 1;
     flex-shrink: 1;
@@ -120,7 +120,7 @@
           div.description {
             color: rgba(0, 0, 0, 0.54);
             font-size: 14px;
-            font-weight: 200;
+            font-weight: 400;
             white-space: nowrap;
             overflow: hidden;
             text-overflow: ellipsis;