Skip to content

Commit

Permalink
Change avatar background color.
Browse files Browse the repository at this point in the history 
Signed-off-by: Amir Movahedi <[email protected]>
  • Loading branch information
@Qolzam
Qolzam committed Dec 21, 2019
1 parent 5e70a8f commit 1fb64a0
Show file tree
Hide file tree
Showing 7 changed files with 12 additions and 12 deletions.
4 changes: 2 additions & 2 deletions src/components/userAvatar/UserAvatarComponent.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -69,8 +69,8 @@ export class UserAvatarComponent extends Component<IUserAvatarComponentProps,IUs
return (
<div style={{display: 'inherit'}}>
{(fileName && fileName !== '' && fileName !== 'noImage' )
? ( <Avatar variant="rounded" className={className || ''} src={fileName ? fileName : ' '} style={{...style, backgroundColor: theme.palette.secondary.main, width: size || 36, height: size || 36}} onClick={onClick} />)
: (<Avatar variant="rounded" className={className || ''} style={{...style, backgroundColor: theme.palette.secondary.main , width: size || 36, height: size || 36}} onClick={onClick}>{fullName ? fullName.slice(0, 1) : ''}</Avatar>) }
? ( <Avatar variant="rounded" className={className || ''} src={fileName ? fileName : ' '} style={{...style, backgroundColor: theme.palette.common.white, width: size || 36, height: size || 36}} onClick={onClick} />)
: (<Avatar variant="rounded" className={className || ''} style={{...style , width: size || 36, height: size || 36}} onClick={onClick}>{fullName ? fullName.slice(0, 1) : ''}</Avatar>) }
</div>
)
}
Expand Down
6 changes: 3 additions & 3 deletions ts-frontend/dist/asset-manifest.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@
"static/js/6.9e9d440f.chunk.js": "/web/static/js/6.9e9d440f.chunk.js",
"static/js/7.e774211a.chunk.js": "/web/static/js/7.e774211a.chunk.js",
"main.css": "/web/static/css/main.45fa66bd.chunk.css",
"main.js": "/web/static/js/main.64562c8d.chunk.js",
"main.js": "/web/static/js/main.7579aa2a.chunk.js",
"runtime-main.js": "/web/static/js/runtime-main.78d8584b.js",
"static/css/10.d1b0589c.chunk.css": "/web/static/css/10.d1b0589c.chunk.css",
"static/js/10.3798b7a2.chunk.js": "/web/static/js/10.3798b7a2.chunk.js",
Expand Down Expand Up @@ -42,7 +42,7 @@
"static/js/35.f224e2c5.chunk.js": "/web/static/js/35.f224e2c5.chunk.js",
"static/js/36.077bbbc1.chunk.js": "/web/static/js/36.077bbbc1.chunk.js",
"index.html": "/web/index.html",
"precache-manifest.03c348b5eb5aa70ea089c54081a2c681.js": "/web/precache-manifest.03c348b5eb5aa70ea089c54081a2c681.js",
"precache-manifest.24198f66f1264b38364c2d2aa17f5c6e.js": "/web/precache-manifest.24198f66f1264b38364c2d2aa17f5c6e.js",
"service-worker.js": "/web/service-worker.js",
"static/media/app.css": "/web/static/media/Flaticon.54a11394.svg",
"static/media/flag-icon.css": "/web/static/media/zw.8b885465.svg",
Expand All @@ -62,6 +62,6 @@
"static/css/10.d1b0589c.chunk.css",
"static/js/10.3798b7a2.chunk.js",
"static/css/main.45fa66bd.chunk.css",
"static/js/main.64562c8d.chunk.js"
"static/js/main.7579aa2a.chunk.js"
]
}
2 changes: 1 addition & 1 deletion ts-frontend/dist/index.html
View file
Original file line number Diff line number Diff line change
@@ -1 +1 @@
<!doctype html><html><head><base href="__BASE_HREF__"><meta charset="UTF-8"/><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/><meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1"/><title>React Social</title><meta name="description" content="The React Social Network is an open source project relying on React a powerful javascript library for building the user interface. In this project, I tried to show some features of react/react components as a social network. The structure of this project give the ability to developer to develop their project on their own idea and environment."><meta http-equiv="content-type" content="text/html;charset=UTF-8"><style>html{height:100%}body{margin:0;background-color:#fafafa;height:100%}#app{height:100%}.load-bundle{width:40px;height:40px;position:relative;text-align:center;-webkit-animation:sk-rotate 2s infinite linear;animation:sk-rotate 2s infinite linear}.dot1,.dot2{width:60%;height:60%;display:inline-block;position:absolute;top:0;background-color:#333;border-radius:100%;-webkit-animation:sk-bounce 2s infinite ease-in-out;animation:sk-bounce 2s infinite ease-in-out}.dot2{top:auto;bottom:0;-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes sk-rotate{100%{-webkit-transform:rotate(360deg)}}@keyframes sk-rotate{100%{transform:rotate(360deg);-webkit-transform:rotate(360deg)}}@-webkit-keyframes sk-bounce{0%,100%{-webkit-transform:scale(0)}50%{-webkit-transform:scale(1)}}@keyframes sk-bounce{0%,100%{transform:scale(0);-webkit-transform:scale(0)}50%{transform:scale(1);-webkit-transform:scale(1)}}.load-box{display:flex;justify-content:center;align-items:center;flex-direction:column;height:100%}.load-text{background-color:#666;-webkit-background-clip:text;-moz-background-clip:text;background-clip:text;color:transparent;font-weight:400}.load-progress{background-color:#4caf50;padding:.01em 16px}</style><link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"><script>window.SIGNED_IN="__IS_SIGNED_IN__",window.BASE_HREF="__BASE_HREF__",window.PUBLIC_URL="__PUBLIC_URL__",window.PRETTY_URL="__PRETTY_URL__",window.QUERY_PRETTY_URL="__QUERY_PRETTY_URL__"</script><link href="/web/static/css/10.d1b0589c.chunk.css" rel="stylesheet"><link href="/web/static/css/main.45fa66bd.chunk.css" rel="stylesheet"></head><body><div id="app"><div class="load-box"><div class="load-bundle"><div class="dot1"></div><div class="dot2"></div></div><h2 class="load-text">Green Open Social</h2></div></div><script>!function(d){function e(e){for(var t,r,n=e[0],c=e[1],a=e[2],o=0,f=[];o<n.length;o++)r=n[o],Object.prototype.hasOwnProperty.call(s,r)&&s[r]&&f.push(s[r][0]),s[r]=0;for(t in c)Object.prototype.hasOwnProperty.call(c,t)&&(d[t]=c[t]);for(h&&h(e);f.length;)f.shift()();return i.push.apply(i,a||[]),u()}function u(){for(var e,t=0;t<i.length;t++){for(var r=i[t],n=!0,c=1;c<r.length;c++){var a=r[c];0!==s[a]&&(n=!1)}n&&(i.splice(t--,1),e=p(p.s=r[0]))}return e}var r={},l={9:0},s={9:0},i=[];function p(e){if(r[e])return r[e].exports;var t=r[e]={i:e,l:!1,exports:{}};return d[e].call(t.exports,t,t.exports,p),t.l=!0,t.exports}p.e=function(i){var e=[];l[i]?e.push(l[i]):0!==l[i]&&{11:1,16:1}[i]&&e.push(l[i]=new Promise(function(e,n){for(var t="static/css/"+({}[i]||i)+"."+{0:"31d6cfe0",1:"31d6cfe0",2:"31d6cfe0",3:"31d6cfe0",4:"31d6cfe0",5:"31d6cfe0",6:"31d6cfe0",7:"31d6cfe0",11:"66d1af1f",12:"31d6cfe0",13:"31d6cfe0",14:"31d6cfe0",15:"31d6cfe0",16:"7f7ce1ff",17:"31d6cfe0",18:"31d6cfe0",19:"31d6cfe0",20:"31d6cfe0",21:"31d6cfe0",22:"31d6cfe0",23:"31d6cfe0",24:"31d6cfe0",25:"31d6cfe0",26:"31d6cfe0",27:"31d6cfe0",28:"31d6cfe0",29:"31d6cfe0",30:"31d6cfe0",31:"31d6cfe0",32:"31d6cfe0",33:"31d6cfe0",34:"31d6cfe0",35:"31d6cfe0",36:"31d6cfe0"}[i]+".chunk.css",c=p.p+t,r=document.getElementsByTagName("link"),a=0;a<r.length;a++){var o=(d=r[a]).getAttribute("data-href")||d.getAttribute("href");if("stylesheet"===d.rel&&(o===t||o===c))return e()}var f=document.getElementsByTagName("style");for(a=0;a<f.length;a++){var d;if((o=(d=f[a]).getAttribute("data-href"))===t||o===c)return e()}var u=document.createElement("link");u.rel="stylesheet",u.type="text/css",u.onload=e,u.onerror=function(e){var t=e&&e.target&&e.target.src||c,r=new Error("Loading CSS chunk "+i+" failed.\n("+t+")");r.code="CSS_CHUNK_LOAD_FAILED",r.request=t,delete l[i],u.parentNode.removeChild(u),n(r)},u.href=c,document.getElementsByTagName("head")[0].appendChild(u)}).then(function(){l[i]=0}));var r=s[i];if(0!==r)if(r)e.push(r[2]);else{var t=new Promise(function(e,t){r=s[i]=[e,t]});e.push(r[2]=t);var n,c=document.createElement("script");c.charset="utf-8",c.timeout=120,p.nc&&c.setAttribute("nonce",p.nc),c.src=p.p+"static/js/"+({}[i]||i)+"."+{0:"224ad9d2",1:"6d2ca388",2:"e0512e3e",3:"fc571e54",4:"9fa9c5b7",5:"af64bddd",6:"9e9d440f",7:"e774211a",11:"a56f281b",12:"e430009d",13:"431374d4",14:"60145561",15:"6d8f8a1c",16:"2d8175fa",17:"9d020fd0",18:"e5e5c2a1",19:"56a8a0ef",20:"59d1cc4c",21:"997a7f03",22:"1546a0ba",23:"7c246627",24:"e466004c",25:"99679eaa",26:"6e705781",27:"32b99e46",28:"3152053c",29:"982b60d0",30:"4082240d",31:"1a49a012",32:"5e584731",33:"b6b8dc2b",34:"56498c34",35:"f224e2c5",36:"077bbbc1"}[i]+".chunk.js";var a=new Error;n=function(e){c.onerror=c.onload=null,clearTimeout(o);var t=s[i];if(0!==t){if(t){var r=e&&("load"===e.type?"missing":e.type),n=e&&e.target&&e.target.src;a.message="Loading chunk "+i+" failed.\n("+r+": "+n+")",a.name="ChunkLoadError",a.type=r,a.request=n,t[1](a)}s[i]=void 0}};var o=setTimeout(function(){n({type:"timeout",target:c})},12e4);c.onerror=c.onload=n,document.head.appendChild(c)}return Promise.all(e)},p.m=d,p.c=r,p.d=function(e,t,r){p.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},p.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},p.t=function(t,e){if(1&e&&(t=p(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var r=Object.create(null);if(p.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var n in t)p.d(r,n,function(e){return t[e]}.bind(null,n));return r},p.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return p.d(t,"a",t),t},p.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},p.p="/web/",p.oe=function(e){throw console.error(e),e};var t=this["webpackJsonpreact-social"]=this["webpackJsonpreact-social"]||[],n=t.push.bind(t);t.push=e,t=t.slice();for(var c=0;c<t.length;c++)e(t[c]);var h=n;u()}([])</script><script src="/web/static/js/10.3798b7a2.chunk.js"></script><script src="/web/static/js/main.64562c8d.chunk.js"></script></body></html>
<!doctype html><html><head><base href="__BASE_HREF__"><meta charset="UTF-8"/><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/><meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1"/><title>React Social</title><meta name="description" content="The React Social Network is an open source project relying on React a powerful javascript library for building the user interface. In this project, I tried to show some features of react/react components as a social network. The structure of this project give the ability to developer to develop their project on their own idea and environment."><meta http-equiv="content-type" content="text/html;charset=UTF-8"><style>html{height:100%}body{margin:0;background-color:#fafafa;height:100%}#app{height:100%}.load-bundle{width:40px;height:40px;position:relative;text-align:center;-webkit-animation:sk-rotate 2s infinite linear;animation:sk-rotate 2s infinite linear}.dot1,.dot2{width:60%;height:60%;display:inline-block;position:absolute;top:0;background-color:#333;border-radius:100%;-webkit-animation:sk-bounce 2s infinite ease-in-out;animation:sk-bounce 2s infinite ease-in-out}.dot2{top:auto;bottom:0;-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes sk-rotate{100%{-webkit-transform:rotate(360deg)}}@keyframes sk-rotate{100%{transform:rotate(360deg);-webkit-transform:rotate(360deg)}}@-webkit-keyframes sk-bounce{0%,100%{-webkit-transform:scale(0)}50%{-webkit-transform:scale(1)}}@keyframes sk-bounce{0%,100%{transform:scale(0);-webkit-transform:scale(0)}50%{transform:scale(1);-webkit-transform:scale(1)}}.load-box{display:flex;justify-content:center;align-items:center;flex-direction:column;height:100%}.load-text{background-color:#666;-webkit-background-clip:text;-moz-background-clip:text;background-clip:text;color:transparent;font-weight:400}.load-progress{background-color:#4caf50;padding:.01em 16px}</style><link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"><script>window.SIGNED_IN="__IS_SIGNED_IN__",window.BASE_HREF="__BASE_HREF__",window.PUBLIC_URL="__PUBLIC_URL__",window.PRETTY_URL="__PRETTY_URL__",window.QUERY_PRETTY_URL="__QUERY_PRETTY_URL__"</script><link href="/web/static/css/10.d1b0589c.chunk.css" rel="stylesheet"><link href="/web/static/css/main.45fa66bd.chunk.css" rel="stylesheet"></head><body><div id="app"><div class="load-box"><div class="load-bundle"><div class="dot1"></div><div class="dot2"></div></div><h2 class="load-text">Green Open Social</h2></div></div><script>!function(d){function e(e){for(var t,r,n=e[0],c=e[1],a=e[2],o=0,f=[];o<n.length;o++)r=n[o],Object.prototype.hasOwnProperty.call(s,r)&&s[r]&&f.push(s[r][0]),s[r]=0;for(t in c)Object.prototype.hasOwnProperty.call(c,t)&&(d[t]=c[t]);for(h&&h(e);f.length;)f.shift()();return i.push.apply(i,a||[]),u()}function u(){for(var e,t=0;t<i.length;t++){for(var r=i[t],n=!0,c=1;c<r.length;c++){var a=r[c];0!==s[a]&&(n=!1)}n&&(i.splice(t--,1),e=p(p.s=r[0]))}return e}var r={},l={9:0},s={9:0},i=[];function p(e){if(r[e])return r[e].exports;var t=r[e]={i:e,l:!1,exports:{}};return d[e].call(t.exports,t,t.exports,p),t.l=!0,t.exports}p.e=function(i){var e=[];l[i]?e.push(l[i]):0!==l[i]&&{11:1,16:1}[i]&&e.push(l[i]=new Promise(function(e,n){for(var t="static/css/"+({}[i]||i)+"."+{0:"31d6cfe0",1:"31d6cfe0",2:"31d6cfe0",3:"31d6cfe0",4:"31d6cfe0",5:"31d6cfe0",6:"31d6cfe0",7:"31d6cfe0",11:"66d1af1f",12:"31d6cfe0",13:"31d6cfe0",14:"31d6cfe0",15:"31d6cfe0",16:"7f7ce1ff",17:"31d6cfe0",18:"31d6cfe0",19:"31d6cfe0",20:"31d6cfe0",21:"31d6cfe0",22:"31d6cfe0",23:"31d6cfe0",24:"31d6cfe0",25:"31d6cfe0",26:"31d6cfe0",27:"31d6cfe0",28:"31d6cfe0",29:"31d6cfe0",30:"31d6cfe0",31:"31d6cfe0",32:"31d6cfe0",33:"31d6cfe0",34:"31d6cfe0",35:"31d6cfe0",36:"31d6cfe0"}[i]+".chunk.css",c=p.p+t,r=document.getElementsByTagName("link"),a=0;a<r.length;a++){var o=(d=r[a]).getAttribute("data-href")||d.getAttribute("href");if("stylesheet"===d.rel&&(o===t||o===c))return e()}var f=document.getElementsByTagName("style");for(a=0;a<f.length;a++){var d;if((o=(d=f[a]).getAttribute("data-href"))===t||o===c)return e()}var u=document.createElement("link");u.rel="stylesheet",u.type="text/css",u.onload=e,u.onerror=function(e){var t=e&&e.target&&e.target.src||c,r=new Error("Loading CSS chunk "+i+" failed.\n("+t+")");r.code="CSS_CHUNK_LOAD_FAILED",r.request=t,delete l[i],u.parentNode.removeChild(u),n(r)},u.href=c,document.getElementsByTagName("head")[0].appendChild(u)}).then(function(){l[i]=0}));var r=s[i];if(0!==r)if(r)e.push(r[2]);else{var t=new Promise(function(e,t){r=s[i]=[e,t]});e.push(r[2]=t);var n,c=document.createElement("script");c.charset="utf-8",c.timeout=120,p.nc&&c.setAttribute("nonce",p.nc),c.src=p.p+"static/js/"+({}[i]||i)+"."+{0:"224ad9d2",1:"6d2ca388",2:"e0512e3e",3:"fc571e54",4:"9fa9c5b7",5:"af64bddd",6:"9e9d440f",7:"e774211a",11:"a56f281b",12:"e430009d",13:"431374d4",14:"60145561",15:"6d8f8a1c",16:"2d8175fa",17:"9d020fd0",18:"e5e5c2a1",19:"56a8a0ef",20:"59d1cc4c",21:"997a7f03",22:"1546a0ba",23:"7c246627",24:"e466004c",25:"99679eaa",26:"6e705781",27:"32b99e46",28:"3152053c",29:"982b60d0",30:"4082240d",31:"1a49a012",32:"5e584731",33:"b6b8dc2b",34:"56498c34",35:"f224e2c5",36:"077bbbc1"}[i]+".chunk.js";var a=new Error;n=function(e){c.onerror=c.onload=null,clearTimeout(o);var t=s[i];if(0!==t){if(t){var r=e&&("load"===e.type?"missing":e.type),n=e&&e.target&&e.target.src;a.message="Loading chunk "+i+" failed.\n("+r+": "+n+")",a.name="ChunkLoadError",a.type=r,a.request=n,t[1](a)}s[i]=void 0}};var o=setTimeout(function(){n({type:"timeout",target:c})},12e4);c.onerror=c.onload=n,document.head.appendChild(c)}return Promise.all(e)},p.m=d,p.c=r,p.d=function(e,t,r){p.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},p.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},p.t=function(t,e){if(1&e&&(t=p(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var r=Object.create(null);if(p.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var n in t)p.d(r,n,function(e){return t[e]}.bind(null,n));return r},p.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return p.d(t,"a",t),t},p.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},p.p="/web/",p.oe=function(e){throw console.error(e),e};var t=this["webpackJsonpreact-social"]=this["webpackJsonpreact-social"]||[],n=t.push.bind(t);t.push=e,t=t.slice();for(var c=0;c<t.length;c++)e(t[c]);var h=n;u()}([])</script><script src="/web/static/js/10.3798b7a2.chunk.js"></script><script src="/web/static/js/main.7579aa2a.chunk.js"></script></body></html>
8 changes: 4 additions & 4 deletions ...ifest.03c348b5eb5aa70ea089c54081a2c681.js → ...ifest.24198f66f1264b38364c2d2aa17f5c6e.js
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
self.__precacheManifest = (self.__precacheManifest || []).concat([
{
"revision": "e72416f4177fcf199283ef4b40c4a863",
"revision": "e37d84d4863786126f940f6b1c47ded3",
"url": "/web/index.html"
},
{
Expand All @@ -16,7 +16,7 @@ self.__precacheManifest = (self.__precacheManifest || []).concat([
"url": "/web/static/css/16.7f7ce1ff.chunk.css"
},
{
"revision": "7c834af1579526134a39",
"revision": "5d7712b6bfd548a7bd90",
"url": "/web/static/css/main.45fa66bd.chunk.css"
},
{
Expand Down Expand Up @@ -160,8 +160,8 @@ self.__precacheManifest = (self.__precacheManifest || []).concat([
"url": "/web/static/js/7.e774211a.chunk.js"
},
{
"revision": "7c834af1579526134a39",
"url": "/web/static/js/main.64562c8d.chunk.js"
"revision": "5d7712b6bfd548a7bd90",
"url": "/web/static/js/main.7579aa2a.chunk.js"
},
{
"revision": "376789d419b9f0efc92b",
Expand Down
2 changes: 1 addition & 1 deletion ts-frontend/dist/service-worker.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,7 @@
importScripts("https://storage.googleapis.com/workbox-cdn/releases/4.3.1/workbox-sw.js");

importScripts(
"/web/precache-manifest.03c348b5eb5aa70ea089c54081a2c681.js"
"/web/precache-manifest.24198f66f1264b38364c2d2aa17f5c6e.js"
);

self.addEventListener('message', (event) => {
Expand Down
1 change: 0 additions & 1 deletion ts-frontend/dist/static/js/main.64562c8d.chunk.js
View file

This file was deleted.

1 change: 1 addition & 0 deletions ts-frontend/dist/static/js/main.7579aa2a.chunk.js
View file

Large diffs are not rendered by default.

0 comments on commit 1fb64a0

Please sign in to comment.