Fix images in Metrics and Teams views (#2459)

maproulette · Oct 3, 2024 · be64a37 · be64a37
1 parent 06e20ae
commit be64a37
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 6 deletions.
diff --git a/src/pages/Metrics/Metrics.js b/src/pages/Metrics/Metrics.js
@@ -15,6 +15,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'
 
 const ProfileImage = props => {
 
@@ -120,11 +121,7 @@ class Metrics extends Component {
                     <div className="mr-flex-grow mr-text-center"><BusySpinner /></div> :
                     <div className="mr-flex-grow mr-flex mr-flex-col mr-items-center">
                       <div className="mr-mb-6">
-                        <SvgSymbol
-                          sym="illustration-completed-tasks"
-                          className="mr-w-32 mr-h-auto"
-                          viewBox="0 0 183 120"
-                        />
+                        <img src={illustrationCompletedTasks}  style={{ height: 80, width: 120}} />
                       </div>
                       <span className="mr-ticker mr-mb-6 mr-text-5xl lg:mr-text-6xl">
                         {this.digitBoxes(totalTasks, 4)}

diff --git a/src/pages/Teams/Teams.js b/src/pages/Teams/Teams.js
@@ -117,7 +117,7 @@ export const Teams = props => {
               </button>
             </div>
             <div className="mr-w-1/2 mr-h-100 mr-absolute mr-top-0 mr-right-0 mr--mt-20">
-              <img src={teamsImage} className="mr-w-full mr-h-full" />
+              <img src={teamsImage} className="mr-w-60 mr-h-60" />
             </div>
           </div>
         </div>