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

frontend: manageCategories et Hotfix date-and-time

Browse Source
This commit is contained in:
Divlo
2020-04-12 12:40:56 +02:00
parent 42193066a8
commit d902d40e6e
11 changed files with 120 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
website/components/FunctionComponentTop.js
View File

@ -3,8 +3,10 @@ import Link from 'next/link';
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { faStar } from '@fortawesome/free-solid-svg-icons';
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 './FunctionCard/FunctionCard.css';
const FunctionComponentTop = (props) => {
@ -47,14 +49,14 @@ 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={props.API_URL + props.image} alt={props.title} />
<img 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">
<Link href={`/functions?categoryId=${props.categorieId}`}>
<a className="FunctionCard__category" style={{ backgroundColor: props.categorie.color, color: 'inherit' }}>{props.categorie.name}</a>
</Link>
<p className="FunctionCard__publication-date">{props.publicationDate}</p>
<p className="FunctionCard__publication-date">{date.format(new Date(props.createdAt), 'DD/MM/YYYY', true)}</p>
</div>
</div>
</div>

10
website/components/FunctionTabManager.js
View File

@ -3,15 +3,15 @@ import FunctionForm from './FunctionForm';
import FunctionComments from './FunctionComments/FunctionComments';
const FunctionTabManager = (props) => {
if (props.functionInfo.type === "form") {
if (props.type === "form") {
return (
<FunctionTabs type={props.functionInfo.type}>
<FunctionTabs type={props.type}>
<div className="FunctionComponent__slide">
<FunctionForm inputArray={ [...props.functionInfo.utilizationForm || []] } slug={props.functionInfo.slug} />
<FunctionForm inputArray={ [...props.utilizationForm || []] } slug={props.slug} />
</div>
<div className="FunctionComponent__slide text-center">Article</div>
<div className="FunctionComponent__slide">
<FunctionComments functionId={props.functionInfo.id} />
<FunctionComments functionId={props.id} />
</div>
</FunctionTabs>
);
@ -21,7 +21,7 @@ const FunctionTabManager = (props) => {
<FunctionTabs type={props.type}>
<div className="FunctionComponent__slide text-center">Article</div>
<div className="FunctionComponent__slide">
<FunctionComments functionId={props.functionInfo.id} />
<FunctionComments functionId={props.id} />
</div>
</FunctionTabs>
);