this repo has no description
www.baileykane.co/
Add flashlight effect
+12
-10
+12
-10
components/LibraryCard.js
+12
-10
components/LibraryCard.js
···
1
-
import { useState, useRef, useEffect } from "react";
2
1
import Button from "./Button";
3
2
import DragToRotateElement from "./effects/DragToRotateElement";
3
+
import FlashlightEffect from "./effects/FlashlightEffect";
4
4
5
5
export default function LibraryCard({ libraryCard, onClick }) {
6
6
const { name, link, branch, acquiredDate, imagePath } = libraryCard;
···
18
18
{imagePath && (
19
19
<div className="library-card mx-auto w-fit" onClick={onClick}>
20
20
<DragToRotateElement>
21
-
<div
22
-
className="rounded-lg cursor-pointer h-fit
21
+
<FlashlightEffect>
22
+
<div
23
+
className="rounded-lg cursor-pointer h-fit
23
24
border-2 border-purple-200 hover:border-purple-300 dark:border-purple-400 hover:dark:border-purple-500
24
25
shadow-md hover:shadow-xl"
25
-
>
26
-
<img
27
-
className="object-scale-down h-fit max-h-72 rounded-md m-auto"
28
-
src={imagePath}
29
-
alt={"Library card from " + name}
30
-
/>
31
-
</div>
26
+
>
27
+
<img
28
+
className="object-scale-down h-fit max-h-72 rounded-md m-auto"
29
+
src={imagePath}
30
+
alt={"Library card from " + name}
31
+
/>
32
+
</div>
33
+
</FlashlightEffect>
32
34
</DragToRotateElement>
33
35
</div>
34
36
)}