feat(card) : #MAG-114 add board cards #365
Conversation
| })); | ||
| }; | ||
|
|
||
| const onCloseModal = () => { |
There was a problem hiding this comment.
renommer en handleClose
| }; | ||
|
|
||
| return ( | ||
| <Modal |
There was a problem hiding this comment.
t'as la MessageModal d'Alice qui embarque le plus gros du style de nos modales
There was a problem hiding this comment.
J'ai repris BoardCreateMagnetMagnetModal qui a sa propre Modal aussi, je verrais pour factoriser avec MessageModal si il faut, mais c'était pour gagner du temps vu qu'elles sont relativement ressemblantes
There was a problem hiding this comment.
J'ai essayé de reprendre avec MessageModal, mais comme le style de container principal de la modal n'est pas le même (au niveau de la height et width notamment) l'affichage est tout cassé, ça va demander plus de travail, je vois au retour des vacances si ça prendra beaucoup de temps
| return ( | ||
| <> | ||
| {boards?.length > 0 && ( | ||
| <animated.ul className="grid ps-0 list-unstyled mb-24"> |
There was a problem hiding this comment.
C'est de la récupération de code de BoardList pour gagner du temps vu qu'on veut exactement le même affichage (j'aurais pu faire autrement mais j'aurais pris du retard)
| export interface BoardListProps { | ||
| onDragAndDrop: (board: Board) => void; | ||
| searchText: string; | ||
| boards: Board[]; // Nouvelle prop |
| import { ScaledIframeProps } from "./types"; | ||
| import { useScaledIframe } from "./useScaledIframe"; | ||
|
|
||
| const ScaledIframe: React.FC<ScaledIframeProps> = ({ |
| ); | ||
| }; | ||
|
|
||
| export default ScaledIframe; |
| import { ScaledIframeProps } from "./types"; | ||
| import { useScaledIframe } from "./useScaledIframe"; | ||
|
|
||
| const ScaledIframe: React.FC<ScaledIframeProps> = ({ |
| @@ -0,0 +1,159 @@ | |||
| import { useEffect, useRef, useState, useMemo, useCallback } from "react"; | |||
|
|
|||
| interface UseScaledIframeProps { | |||
There was a problem hiding this comment.
on exporte les types
| }); | ||
|
|
||
| // Calculate the iframe scaling to always show the whole page | ||
| const calculateScale = useCallback(() => { |
| @@ -0,0 +1,26 @@ | |||
| import React from "react"; | |||
|
|
|||
| interface UrlBackgroundViewerProps { | |||
| height?: number; | ||
| } | ||
|
|
||
| export const UrlBackgroundViewer: React.FC<UrlBackgroundViewerProps> = ({ |
| <div | ||
| style={{ | ||
| width: "100%", | ||
| maxWidth: `${width}px`, | ||
| height: `${height}px`, | ||
| background: `url(${url}) no-repeat center center`, | ||
| backgroundSize: "contain", | ||
| pointerEvents: "none", | ||
| }} | ||
| /> |
Describe your changes
add board cards with its display in Aperçu and Lecture
Checklist tests
cf tickets et sous tickets
Issue ticket number and link
MAG-114
Checklist before requesting a review (magic string, indentation, comment/documentation...)