theoludwig/FunctionProject
Archived
1
1
Fork 0
Code Pull Requests Actions Releases Activity

👌 IMPROVE: Gestion erreur images fonctions

Browse Source
This commit is contained in:
Divlo
2020-05-01 02:27:30 +02:00
parent 0e591ae62f
commit b628aaecce
10 changed files with 19 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
website/components/FunctionPage/FunctionComponentTop.js
View File

@ -6,7 +6,7 @@ import { faStar as farStar } from '@fortawesome/free-regular-svg-icons';
import date from 'date-and-time';
import { UserContext } from '../../contexts/UserContext';
import api from '../../utils/api';
import { API_URL } from '../../utils/config';
import { API_URL } from '../../utils/config/config';
import '../FunctionCard/FunctionCard.css';
const FunctionComponentTop = (props) => {
@ -40,6 +40,10 @@ const FunctionComponentTop = (props) => {
}
}
const handleError = (event) => {
event.target.src = API_URL + "/images/functions/default.png";
}
return (
<div className="container-fluid">
<div className="row justify-content-center text-center">
@ -49,7 +53,7 @@ const FunctionComponentTop = (props) => {
<FontAwesomeIcon onClick={toggleFavorite} { ...(isFavorite) ? { icon: faStar } : { icon: farStar } } title={(isFavorite) ? "Retirer la fonction des favoris" : "Ajouter la fonction aux favoris"} className="FunctionComponent__star-favorite" />
}
<img className="FunctionComponent__image" src={API_URL + props.image} alt={props.title} />
<img onError={handleError} className="FunctionComponent__image" src={API_URL + props.image} alt={props.title} />
<h1 className="FunctionComponent__title title-important">{props.title}</h1>
<p className="FunctionComponent__description">{props.description}</p>
<div className="FunctionCard__info">

2
website/components/FunctionPage/FunctionPage.js
View File

@ -1,5 +1,5 @@
import { Fragment, useState } from 'react';
import { API_URL } from '../../utils/config';
import { API_URL } from '../../utils/config/config';
import HeadTag from '../HeadTag';
import FunctionTabsTop from './FunctionTabsTop';
import FunctionComponentTop from './FunctionComponentTop';