Move image files out of src/

src/components/AchievementBadge/AchievementBadge.jsx

@@ -15,103 +15,103 @@ import messages from './Messages'
 const badgeSettings = Object.freeze({
   [Achievement.fixedTask]: {
     id: Achievement.fixedTask,
-    image: () => import('../../static/images/rocket.svg'),
+    image: () => import('../../../images/rocket.svg'),
     overlay: null,
     title: <FormattedMessage {...messages.fixedTaskTitle} />,
     description: <FormattedMessage {...messages.fixedTaskDescription} />
   },
 
   [Achievement.fixedCoopTask]: {
     id: Achievement.fixedCoopTask,
-    image: () => import('../../static/images/high-five.svg'),
+    image: () => import('../../../images/high-five.svg'),
     overlay: null,
     title: <FormattedMessage {...messages.fixedCoopTaskTitle} />,
     description: <FormattedMessage {...messages.fixedCoopTaskDescription} />
   },
 
   [Achievement.challengeCompleted]: {
     id: Achievement.challengeCompleted,
-    image: () => import('../../static/images/mountain-flag.svg'),
+    image: () => import('../../../images/mountain-flag.svg'),
     overlay: null,
     title: <FormattedMessage {...messages.challengeCompletedTitle} />,
     description: <FormattedMessage {...messages.challengeCompletedDescription} />
   },
 
   [Achievement.fixedFinalTask]: {
     id: Achievement.fixedFinalTask,
-    image: () => import('../../static/images/unicorn.svg'),
+    image: () => import('../../../images/unicorn.svg'),
     overlay: null,
     title: <FormattedMessage {...messages.fixedFinalTaskTitle} />,
     description: <FormattedMessage {...messages.fixedFinalTaskDescription} />
   },
 
   [Achievement.mappedRoads]: {
     id: Achievement.mappedRoads,
-    image: () => import('../../static/images/roads.svg'),
+    image: () => import('../../../images/roads.svg'),
     overlay: null,
     title: <FormattedMessage {...messages.mappedRoadsTitle} />,
     description: <FormattedMessage {...messages.mappedRoadsDescription} />
   },
 
   [Achievement.mappedWater]: {
     id: Achievement.mappedWater,
-    image: () => import('../../static/images/water.svg'),
+    image: () => import('../../../images/water.svg'),
     overlay: null,
     title: <FormattedMessage {...messages.mappedWaterTitle} />,
     description: <FormattedMessage {...messages.mappedWaterDescription} />
   },
 
   [Achievement.mappedTransit]: {
     id: Achievement.mappedTransit,
-    image: () => import('../../static/images/transit.svg'),
+    image: () => import('../../../images/transit.svg'),
     overlay: null,
     title: <FormattedMessage {...messages.mappedTransitTitle} />,
     description: <FormattedMessage {...messages.mappedTransitDescription} />
   },
 
   [Achievement.mappedLanduse]: {
     id: Achievement.mappedLanduse,
-    image: () => import('../../static/images/landuse.svg'),
+    image: () => import('../../../images/landuse.svg'),
     overlay: null,
     title: <FormattedMessage {...messages.mappedLanduseTitle} />,
     description: <FormattedMessage {...messages.mappedLanduseDescription} />
   },
 
   [Achievement.mappedBuildings]: {
     id: Achievement.mappedBuildings,
-    image: () => import('../../static/images/buildings.svg'),
+    image: () => import('../../../images/buildings.svg'),
     overlay: null,
     title: <FormattedMessage {...messages.mappedBuildingsTitle} />,
     description: <FormattedMessage {...messages.mappedBuildingsDescription} />
   },
 
   [Achievement.mappedPoi]: {
     id: Achievement.mappedPoi,
-    image: () => import('../../static/images/poi.svg'),
+    image: () => import('../../../images/poi.svg'),
     overlay: null,
     title: <FormattedMessage {...messages.mappedPoiTitle} />,
     description: <FormattedMessage {...messages.mappedPoiDescription} />
   },
 
   [Achievement.reviewedTask]: {
     id: Achievement.reviewedTask,
-    image: () => import('../../static/images/nyan-cat.svg'),
+    image: () => import('../../../images/nyan-cat.svg'),
     overlay: null,
     title: <FormattedMessage {...messages.reviewedTaskTitle} />,
     description: <FormattedMessage {...messages.reviewedTaskDescription} />
   },
 
   [Achievement.createdChallenge]: {
     id: Achievement.createdChallenge,
-    image: () => import('../../static/images/godzilla.svg'),
+    image: () => import('../../../images/godzilla.svg'),
     overlay: null,
     title: <FormattedMessage {...messages.createdChallengeTitle} />,
     description: <FormattedMessage {...messages.createdChallengeDescription} />
   },
 
   [Achievement.points100]: {
     id: Achievement.points100,
-    image: () => import('../../static/images/points100.svg'),
+    image: () => import('../../../images/points100.svg'),
     overlay: {
       text: <FormattedNumber value={100} />,
       baseColor: "yellow",
@@ -134,7 +134,7 @@ const badgeSettings = Object.freeze({
 
   [Achievement.points500]: {
     id: Achievement.points500,
-    image: () => import('../../static/images/points500.svg'),
+    image: () => import('../../../images/points500.svg'),
     overlay: {
       text: <FormattedNumber value={500} />,
       baseColor: "green-dark",
@@ -157,7 +157,7 @@ const badgeSettings = Object.freeze({
 
   [Achievement.points1000]: {
     id: Achievement.points1000,
-    image: () => import('../../static/images/points1000.svg'),
+    image: () => import('../../../images/points1000.svg'),
     overlay: {
       text: <FormattedNumber value={1000} />,
       baseColor: "blue-sttropaz",
@@ -181,7 +181,7 @@ const badgeSettings = Object.freeze({
 
   [Achievement.points5000]: {
     id: Achievement.points5000,
-    image: () => import('../../static/images/points5000.svg'),
+    image: () => import('../../../images/points5000.svg'),
     overlay: {
       text: <FormattedNumber value={5000} />,
       baseColor: "blue-rhino",
@@ -205,7 +205,7 @@ const badgeSettings = Object.freeze({
 
   [Achievement.points10000]: {
     id: Achievement.points10000,
-    image: () => import('../../static/images/points10000.svg'),
+    image: () => import('../../../images/points10000.svg'),
     overlay: {
       text: <FormattedNumber value={10000} />,
       baseColor: "cerise",
@@ -229,7 +229,7 @@ const badgeSettings = Object.freeze({
 
   [Achievement.points50000]: {
     id: Achievement.points50000,
-    image: () => import('../../static/images/points50000.svg'),
+    image: () => import('../../../images/points50000.svg'),
     overlay: {
       text: <FormattedNumber value={50000} />,
       baseColor: "yellow",
@@ -253,7 +253,7 @@ const badgeSettings = Object.freeze({
 
   [Achievement.points100k]: {
     id: Achievement.points100k,
-    image: () => import('../../static/images/points100k.svg'),
+    image: () => import('../../../images/points100k.svg'),
     overlay: {
       text: <FormattedMessage {...messages.pointsK} values={{points: 100}} />,
       baseColor: "turquoise",
@@ -276,7 +276,7 @@ const badgeSettings = Object.freeze({
 
   [Achievement.points500k]: {
     id: Achievement.points500k,
-    image: () => import('../../static/images/points500k.svg'),
+    image: () => import('../../../images/points500k.svg'),
     overlay: {
       text: <FormattedMessage {...messages.pointsK} values={{points: 500}} />,
       baseColor: "pink-light",
@@ -299,7 +299,7 @@ const badgeSettings = Object.freeze({
 
   [Achievement.points1m]: {
     id: Achievement.points1m,
-    image: () => import('../../static/images/points1m.svg'),
+    image: () => import('../../../images/points1m.svg'),
     overlay: {
       text: <FormattedMessage {...messages.pointsM} values={{points: 1}} />,
       baseColor: "yellow",

src/components/ChallengeDetail/ChallengeCommentsPane.jsx

@@ -9,7 +9,7 @@ import {
   postChallengeComment,
 } from "../../services/Challenge/ChallengeComments";
 import { UseRouter } from "../../hooks/UseRouter/UseRouter";
-import defaultPic from "../../static/images/user_no_image.png";
+import defaultPic from "../../../images/user_no_image.png";
 
 const calcHeight = (offset) => {
   const variableHeight = window.innerHeight - offset;

src/components/ImportFileModal/ImportFileModal.jsx

@@ -7,7 +7,7 @@ import Modal from "../Modal/Modal";
 import BusySpinner from "../BusySpinner/BusySpinner";
 import SvgSymbol from "../SvgSymbol/SvgSymbol";
 import messages from "./Messages";
-import catAndLaptop from "../../static/images/cat-and-laptop.svg";
+import catAndLaptop from "../../../images/cat-and-laptop.svg";
 
 export default class ImportLayoutModal extends Component {
   state = {

src/components/PageNotFound/PageNotFound.jsx

@@ -2,7 +2,7 @@ import { Component } from 'react'
 import { FormattedMessage } from 'react-intl'
 import { Link } from 'react-router-dom'
 import messages from './Messages'
-import Illustration404 from '../../static/images/404-illustration.svg'
+import Illustration404 from '../../../images/404-illustration.svg'
 
 /**
  * PageNotFound displays a 404 message.

src/components/WidgetWorkspace/ExportLayoutModal.jsx

@@ -4,7 +4,7 @@ import { FormattedMessage } from "react-intl";
 import External from "../External/External";
 import Modal from "../Modal/Modal";
 import messages from "./Messages";
-import shippingTruck from "../../static/images/shipping-truck.svg";
+import shippingTruck from "../../../images/shipping-truck.svg";
 
 export default class ExportLayoutModal extends Component {
   state = {

src/interactions/User/AsAvatarUser.js

@@ -1,6 +1,6 @@
 import _get from 'lodash/get'
 import _isEmpty from 'lodash/isEmpty'
-import defaultPic from '../../static/images/user_no_image.png'
+import defaultPic from '../../../images/user_no_image.png'
 
 /**
  * AsAvatarUser adds functionality to a User related to a general user.

src/interactions/User/AsAvatarUser.test.js

@@ -1,6 +1,6 @@
 import { describe, it, expect } from "vitest";
 import AsAvatarUser from './AsAvatarUser'
-import defaultPic from '../../static/images/user_no_image.png'
+import defaultPic from '../../../images/user_no_image.png'
 
 describe('profilePic', () => {
   it("returns default pic if user has empty avatar URL", () => {

src/pages/Home/Hero.jsx

@@ -1,7 +1,7 @@
 import { Component } from 'react'
 import { Link } from 'react-router-dom'
 import { FormattedMessage } from 'react-intl'
-import worldMapImage from "../../static/images/bg-map.svg"
+import worldMapImage from "../../../images/bg-map.svg"
 import messages from './Messages'
 
 export default class Hero extends Component {

src/pages/Home/Intro.jsx

@@ -1,8 +1,8 @@
 import { Component } from "react";
 import { FormattedMessage } from "react-intl";
-import expertImage from "../../static/images/expert.svg";
-import findImage from "../../static/images/find.svg";
-import teamsImage from "../../static/images/teams.svg";
+import expertImage from "../../../images/expert.svg";
+import findImage from "../../../images/find.svg";
+import teamsImage from "../../../images/teams.svg";
 import messages from "./Messages";
 class Intro extends Component {
   render() {

src/pages/Metrics/Metrics.jsx

@@ -14,7 +14,7 @@ import _omit from 'lodash/omit'
 import AsAvatarUser from '../../interactions/User/AsAvatarUser'
 import messages from './Messages'
 import messagesAsReviewer from './MessagesAsReviewer'
-import illustrationCompletedTasks from '../../static/images/illustration-completed-tasks.svg'
+import illustrationCompletedTasks from '../../../images/illustration-completed-tasks.svg'
 
 const ProfileImage = props => {
 

src/pages/Teams/Teams.jsx

@@ -11,7 +11,7 @@ import EditTeam from '../../components/Teams/EditTeam/EditTeam'
 import SvgSymbol from '../../components/SvgSymbol/SvgSymbol'
 import BusySpinner from '../../components/BusySpinner/BusySpinner'
 import SignIn from '../SignIn/SignIn'
-import teamsImage from '../../static/images/teams.svg'
+import teamsImage from '../../../images/teams.svg'
 import messages from '../../components/Widgets/TeamsWidget/Messages'
 
 export const Teams = props => {