frishi/threetwo
1
0
Fork 0
Code Issues 9 Pull Requests 6 Actions Packages Projects Releases 2 Wiki Activity

📝 Purified Card Component

Browse Source
This commit is contained in:
Rishi Ghan
2023-09-24 00:50:36 -04:00
parent 69cebe82dd
commit 538ca61fa8
2 changed files with 8 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/client/components/ComicDetail/ComicDetail.tsx
View File

@@ -290,7 +290,9 @@ export const ComicDetail = (data: ComicDetailProps): ReactElement => {
<ComicViewer <ComicViewer
pages={extractedComicBook} pages={extractedComicBook}
direction="ltr" direction="ltr"
className={{closeButton: "border: 1px solid red;"}} className={{
closeButton: "border: 1px solid red;",
}}
/> />
)} )}
</Modal> </Modal>
@@ -317,4 +319,4 @@ export const ComicDetail = (data: ComicDetailProps): ReactElement => {
); );
}; };
export default ComicDetail; export default ComicDetail;

8
src/client/components/shared/Carda.tsx
View File

@@ -15,7 +15,7 @@ interface ICardProps {
imageStyle?: PropTypes.object; imageStyle?: PropTypes.object;
} }
const renderCard = (props): ReactElement => { const renderCard = (props: ICardProps): ReactElement => {
switch (props.orientation) { switch (props.orientation) {
case "horizontal": case "horizontal":
return ( return (
@@ -85,8 +85,8 @@ const renderCard = (props): ReactElement => {
} }
}; };
export const Card = (props: ICardProps): ReactElement => { export const Card = React.memo(
return renderCard(props); (props: ICardProps): ReactElement => renderCard(props),
}; );
export default Card; export default Card;