enfance-libre
/
resistants
mirror of https://framagit.org/enfance-libre/resistants
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

feat: ajoute lien vers la page de profil

proto-module-actu-react
Jalil Arfaoui 2023-01-30 01:34:05 +01:00
parent b7b3dc1f54
commit 6daee39dff
2 changed files with 17 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/routes/PageResistant.tsx
View File

@ -3,5 +3,7 @@ import {useParams} from "react-router";
export const PageResistant = () => { export const PageResistant = () => {
const { nomResistant } = useParams() const { nomResistant } = useParams()
return <>{nomResistant}</> return <>
Ici la page dédiée à {nomResistant}
</>
} }

22
src/routes/ResistantRow.tsx
View File

@ -1,3 +1,4 @@
import {Link} from "react-router-dom";
import {Resistant} from "../Resistant"; import {Resistant} from "../Resistant";
interface Props { interface Props {
@ -5,25 +6,30 @@ interface Props {
} }
export const ResistantRow = ({resistant}: Props) => { export const ResistantRow = ({resistant}: Props) => {
return (<> return (
<Link to={resistant.noms}>
<div className="row sqs-row"> <div className="row sqs-row">
<div className="col sqs-col-4 span-4" id="yui_3_17_2_1_1674987238932_138"> <div className="col sqs-col-4 span-4" id="yui_3_17_2_1_1674987238932_138">
<div className="sqs-block image-block sqs-block-image sqs-text-ready" data-block-type="5" <div className="sqs-block image-block sqs-block-image sqs-text-ready" data-block-type="5"
id="block-yui_3_17_2_1_1662985860031_30104"> id="block-yui_3_17_2_1_1662985860031_30104">
<div className="sqs-block-content" id="yui_3_17_2_1_1674987238932_137"> <div className="sqs-block-content" id="yui_3_17_2_1_1674987238932_137">
<div className="image-block-outer-wrapper layout-caption-below design-layout-inline combination-animation-none individual-animation-none individual-text-animation-none sqs-narrow-width" data-test="image-block-inline-outer-wrapper" id="yui_3_17_2_1_1674987238932_136"> <div
className="image-block-outer-wrapper layout-caption-below design-layout-inline combination-animation-none individual-animation-none individual-text-animation-none sqs-narrow-width"
data-test="image-block-inline-outer-wrapper" id="yui_3_17_2_1_1674987238932_136">
<figure className="sqs-block-image-figure intrinsic " style={{maxWidth: "2048px"}} id="yui_3_17_2_1_1674987238932_135"> <figure className="sqs-block-image-figure intrinsic " style={{maxWidth: "2048px"}}
id="yui_3_17_2_1_1674987238932_135">
<div className="image-block-wrapper" data-animation-role="image" id="yui_3_17_2_1_1674987238932_134"> <div className="image-block-wrapper" data-animation-role="image"
id="yui_3_17_2_1_1674987238932_134">
<div className="sqs-image-shape-container-element has-aspect-ratio " <div className="sqs-image-shape-container-element has-aspect-ratio "
style={{ position: "relative", paddingBottom: "100%", overflow: "hidden"}} style={{position: "relative", paddingBottom: "100%", overflow: "hidden"}}
id="yui_3_17_2_1_1674987238932_133"> id="yui_3_17_2_1_1674987238932_133">
<noscript> <noscript>
<img <img
src={`https://enfance-libre.frama.io/resistants/assets/${resistant.noms}.jpg`} src={`https://enfance-libre.frama.io/resistants/assets/${resistant.noms}.jpg`}
alt="Jonathan Attias et Caroline Perez"/></noscript> alt="Jonathan Attias et Caroline Perez"/></noscript>
<img className="thumb-image loaded" <img className="thumb-image loaded"
data-src={`https://enfance-libre.frama.io/resistants/assets/${resistant.noms}.jpg`} data-src={`https://enfance-libre.frama.io/resistants/assets/${resistant.noms}.jpg`}
data-image={`https://enfance-libre.frama.io/resistants/assets/${resistant.noms}.jpg`} data-image={`https://enfance-libre.frama.io/resistants/assets/${resistant.noms}.jpg`}
@ -91,6 +97,6 @@ export const ResistantRow = ({resistant}: Props) => {
<hr/> <hr/>
</div> </div>
</div> </div>
</> </Link>
); );
} }