feat: pointe sur le nouveau tableau dédié

proto-module-actu-react
Jalil Arfaoui 2023-01-30 00:24:18 +01:00
parent 4b6ecbdde3
commit a8ced70a81
3 changed files with 61 additions and 59 deletions

View File

@ -1,6 +1,11 @@
export interface Resistant {
Noms: string
Département: string
Académie: string
["Nombre de familles"]: string
noms: string
enfants: string
departement: string
academie: string
presentation: string
video: string
"lien_declaration": string
"date_declaration": string
mention: string
}

View File

@ -4,7 +4,7 @@ import {Resistant} from "../Resistant";
export const resistantsLoader = async () => {
const spreadsheetId = '1GL1MBChnwNn0t8WtKK5M3PbtCJ_bTJRhoTwAI9jeWck'
let sheetName = "Résistants";
let sheetName = "RésistantsW";
const parser = new PublicGoogleSheetsParser()
const resistants = await parser.parse(spreadsheetId, sheetName);
return { resistants }
@ -16,7 +16,7 @@ export const ListeResistants = () => {
return (
<>
<div id="listeResistants">
{resistants.map((r) => <ResistantRow resistant={r} key={r["Nombre de familles"]} />)}
{resistants.map((r) => <ResistantRow resistant={r} key={r.noms} />)}
<Outlet />
</div>
</>

View File

@ -3,56 +3,57 @@ import {Resistant} from "../Resistant";
interface Props {
resistant: Resistant
}
export const ResistantRow = ({resistant}: Props) => {
return (<>
<div className="row sqs-row">
<div className="col sqs-col-4 span-4">
<div className="sqs-block video-block sqs-block-video"
data-block-json="{&quot;blockAnimation&quot;:&quot;none&quot;,&quot;layout&quot;:&quot;caption-hidden&quot;,&quot;overlay&quot;:true,&quot;description&quot;:{&quot;html&quot;:&quot;<p class=\&quot;\&quot; data-rte-preserve-empty=\&quot;true\&quot; style=\&quot;white-space:pre-wrap;\&quot;></p>&quot;},&quot;hSize&quot;:null,&quot;floatDir&quot;:null,&quot;isOldBlock&quot;:false,&quot;customThumb&quot;:&quot;63cfb74911567d2c9562166d&quot;,&quot;html&quot;:&quot;<iframe class=\&quot;embedly-embed\&quot; src=\&quot;//cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fwww.youtube.com%2Fembed%2FEPwB2-Mdmag%3Ffeature%3Doembed&amp;display_name=YouTube&amp;url=https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DEPwB2-Mdmag&amp;image=https%3A%2F%2Fi.ytimg.com%2Fvi%2FEPwB2-Mdmag%2Fhqdefault.jpg&amp;key=61d05c9d54e8455ea7a9677c366be814&amp;type=text%2Fhtml&amp;schema=youtube\&quot; width=\&quot;854\&quot; height=\&quot;480\&quot; scrolling=\&quot;no\&quot; title=\&quot;YouTube embed\&quot; frameborder=\&quot;0\&quot; allow=\&quot;autoplay; fullscreen\&quot; allowfullscreen=\&quot;true\&quot;></iframe>&quot;,&quot;url&quot;:&quot;https://www.youtube.com/watch?v=EPwB2-Mdmag&quot;,&quot;width&quot;:854,&quot;height&quot;:480,&quot;providerName&quot;:&quot;YouTube&quot;,&quot;thumbnailUrl&quot;:&quot;https://i.ytimg.com/vi/EPwB2-Mdmag/hqdefault.jpg&quot;,&quot;resolvedBy&quot;:&quot;youtube&quot;}"
data-block-type="32" id="block-yui_3_17_2_1_1651498459484_85704">
<div className="sqs-block-content" id="yui_3_17_2_1_1674987238932_69">
<div className="intrinsic" style={{maxWidth: "100%"}}>
<div className="embed-block-wrapper " style={{paddingBottom: "56.20609%"}}>
<div className="sqs-video-wrapper video-none" data-provider-name="YouTube"
data-html="<br/><br/><br/><br/><br/><iframe src=&quot;//www.youtube.com/embed/EPwB2-Mdmag?wmode=opaque&quot; height=&quot;480&quot; width=&quot;854&quot; scrolling=&quot;no&quot; frameborder=&quot;0&quot; allowfullscreen></iframe><br/>"
id="yui_3_17_2_1_1674987238932_76">
<div className="intrinsic">
<div className="intrinsic-inner" style={{paddingBottom: "56.2061%"}}>
<div className="sqs-video-overlay"
style={{opacity: 1, overflow: "hidden"}}
id="yui_3_17_2_1_1674987238932_99">
<img
data-src="https://images.squarespace-cdn.com/content/v1/5c5c097593a6327956f164c2/58039c37-5044-469f-a724-042866f5b892/Marjorie%26Ramin.jpg"
data-load="false" data-image-focal-point="0.5,0.5"
className="loaded"
data-image-dimensions="100x100" data-parent-ratio="1.8"
<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"
id="block-yui_3_17_2_1_1662985860031_30104">
<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">
<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="sqs-image-shape-container-element has-aspect-ratio "
style={{ position: "relative", paddingBottom: "100%", overflow: "hidden"}}
id="yui_3_17_2_1_1674987238932_133">
<noscript><img
src="https://images.squarespace-cdn.com/content/v1/5c5c097593a6327956f164c2/1118ad01-23a3-4cf8-b927-4a3079bbd559/Jonathan%26Caroline.jpg"
alt="Jonathan Attias et Caroline Perez"/></noscript>
<img className="thumb-image loaded"
data-src="https://images.squarespace-cdn.com/content/v1/5c5c097593a6327956f164c2/1118ad01-23a3-4cf8-b927-4a3079bbd559/Jonathan%26Caroline.jpg"
data-image="https://images.squarespace-cdn.com/content/v1/5c5c097593a6327956f164c2/1118ad01-23a3-4cf8-b927-4a3079bbd559/Jonathan%26Caroline.jpg"
data-image-dimensions="2048x2048" data-image-focal-point="0.5,0.5"
data-load="false" data-image-id="63cfa9c1bc68a5418b4a2126"
data-type="image"
style={{
fontSize: "0px",
left: 0,
top: "-75.5px",
width: "344px",
height: "344px",
position: "relative"
top: 0,
width: "100%",
height: "100%",
position: "absolute"
}}
data-image-resolution="500w"
src="https://images.squarespace-cdn.com/content/v1/5c5c097593a6327956f164c2/58039c37-5044-469f-a724-042866f5b892/Marjorie%26Ramin.jpg?format=500w"
alt="Jonathan Attias et Caroline Perez" data-image-resolution="500w"
src="https://images.squarespace-cdn.com/content/v1/5c5c097593a6327956f164c2/1118ad01-23a3-4cf8-b927-4a3079bbd559/Jonathan%26Caroline.jpg?format=500w"
/>
<div className="sqs-video-opaque"></div>
<div className="sqs-video-icon" tabIndex={0} role="button"
aria-label="Play"></div>
</div>
</div>
</div>
</div>
</div>
</figure>
</div>
</div>
</div>
<div className="sqs-block html-block sqs-block-html" data-block-type="2"
id="block-yui_3_17_2_1_1651498459484_91313">
id="block-yui_3_17_2_1_1663343055963_122180">
<div className="sqs-block-content">
<p className="" style={{whiteSpace: "pre-wrap"}}><em>
Vidéo diffusée le 1er mai 2022, pour déclarer notre entrée en désobéissance civile.</em></p>
<p className="" style={{whiteSpace: "pre-wrap"}}><a
href={resistant.lien_declaration} target="_blank">Notre
déclaration de désobéissance civile</a>, en {resistant.date_declaration}</p>
</div>
</div>
</div>
@ -61,7 +62,7 @@ export const ResistantRow = ({resistant}: Props) => {
id="block-yui_3_17_2_1_1666274786250_108799">
<div className="sqs-block-content"><p id="ramin-marjorie">
<strong>
{resistant.Noms}, parents de Zeÿa
{resistant.noms}, parents de {resistant.enfants}
</strong>
</p></div>
</div>
@ -69,18 +70,14 @@ export const ResistantRow = ({resistant}: Props) => {
id="block-yui_3_17_2_1_1602775217144_4986">
<div className="sqs-block-content">
<p className="" style={{whiteSpace: "pre-wrap"}}><strong>({resistant.Département}, Académie de
{resistant.Académie})<br/></strong><em>cofondateurs du mouvement Enfance Libre</em></p><p
className=""
style={{whiteSpace: "pre-wrap"}}>
<em>À l'image des objecteurs de conscience qui refusaient le service militaire pour ne pas
s'entraîner à tuer, nous refusons l'idée d'un service scolaire obligatoire qui
entraînerait
notre enfant à obéir.</em></p><p className="" style={{whiteSpace: "pre-wrap"}}><a
href="https://www.enfance-libre.fr/blog/declaration-officielle-ramin-marjorie">
<strong>
Voir notre communiqué officiel aux autorités le 1er mai 2022.
</strong></a></p>
<p className="" style={{whiteSpace: "pre-wrap"}}><strong>({resistant.departement}, Académie
de
{resistant.academie})<br/></strong><em>{resistant.mention}</em>
</p>
<p style={{whiteSpace: "pre-wrap"}}>
<em>{resistant.presentation}</em>
</p>
</div>
</div>
</div>