fix(profiles): Serve static images from profiles page

.env.development.example

@@ -23,3 +23,4 @@ SEND_IN_BLUE_TOKEN=token
 CHROME_EXTENSION_ID=
 FIREFOX_EXTENSION_ID=
 PROFILES_ORIGIN=http://localhost:8080/
+PROFILES_ASSETS_PATH=/

.env.example

@@ -11,3 +11,4 @@ SEND_IN_BLUE_TOKEN=
 CHROME_EXTENSION_ID=
 FIREFOX_EXTENSION_ID=
 PROFILES_ORIGIN=
+PROFILES_ASSETS_PATH=

.env.proding

@@ -18,3 +18,4 @@ CHROME_EXTENSION_ID=mepoelfgpameiagpkgpjphnbgampgffm
 FIREFOX_EXTENSION_ID={72aad822-62f5-4663-a8f0-025b2f9a3dd5}
 BABEL_ENV=production
 PROFILES_ORIGIN=http://localhost:8080
+PROFILES_ASSETS_PATH=https://profiles.dismoi.io

.env.production

@@ -17,3 +17,4 @@ [email protected]
 CHROME_EXTENSION_ID=fpjlnlnbacohacebkadbbjebbipcknbg
 FIREFOX_EXTENSION_ID=@lmem
 PROFILES_ORIGIN=https://www.dismoi.io
+PROFILES_ASSETS_PATH=https://profiles.dismoi.io

.env.staging

@@ -17,3 +17,4 @@ [email protected]
 CHROME_EXTENSION_ID=nfabbfkbbbcebdmnocndhdombaffkaog
 FIREFOX_EXTENSION_ID={7d0d2553-c311-4acd-a170-f9a4714eb2c0}
 BABEL_ENV=production
+PROFILES_ASSETS_PATH=https://profiles.dismoi.io

src/app/profiles/App/Profiles/Profile/ProfileBanner.tsx

@@ -1,6 +1,7 @@
 import React from 'react';
-import { StatefulContributor } from 'app/lmem/contributor';
 import styled from 'styled-components';
+import { StatefulContributor } from 'app/lmem/contributor';
+import defaultProfileBannerImage from 'assets/img/profile-banner.jpg';
 
 const ProfileBannerContainer = styled.div<{
   default: boolean;
@@ -43,7 +44,7 @@ const ProfileBanner = ({ contributor }: ProfileBannerProps) => {
         src={
           contributor && contributor.banner
             ? contributor.banner
-            : '/img/profile-banner.jpg'
+            : defaultProfileBannerImage
         }
         alt={getBannerAlt(contributor)}
       />

src/index.d.ts

@@ -0,0 +1 @@
+declare module '*.jpg';

webpack.profiles.config.js

@@ -33,6 +33,21 @@ module.exports = function webpack(env = {}, argv = {}) {
 
   return {
     ...defaultWebpackConfig,
+    module: {
+      rules: [
+        ...defaultWebpackConfig.module.rules,
+        {
+          test: /\.(png|jpe?g|gif)$/i,
+          loader: 'file-loader',
+          options: {
+            publicPath: process.env.PROFILES_ASSETS_PATH,
+            name: '[path][name].[ext]',
+            context: 'src/assets',
+          },
+        },
+      ]
+    },
+
     entry: [
       'core-js/stable',
       'regenerator-runtime/runtime',