remove comments, make gallery buttons larger, make clicking work normal?

lorempipsum · Dec 15, 2024 · 7569ef7 · 7569ef7
1 parent 9ac7e2b
commit 7569ef7
Show file tree

Hide file tree

Showing 5 changed files with 7 additions and 14 deletions.
diff --git a/src/components/GalleryImageGrid/GalleryImageGrid.astro b/src/components/GalleryImageGrid/GalleryImageGrid.astro
@@ -164,9 +164,9 @@ function getDateFromFilename(filename: string) {
     :global(.app-lightbox-nav) {
         position: fixed;
         top: 50%;
-        padding: 1rem;
+        padding: 3rem;
         transform: translateY(-50%);
-        background: rgba(255, 255, 255, 0.8);
+        background: rgba(255, 255, 255, 0.2);
         border: none;
         font-size: 3rem;
         cursor: pointer;
@@ -177,7 +177,7 @@ function getDateFromFilename(filename: string) {
     }
 
     :global(.app-lightbox-nav:hover) {
-        background: rgba(255, 255, 255, 1);
+        background: rgba(255, 255, 255, 0.5);
     }
 
     :global(.app-lightbox-prev) {

diff --git a/src/components/react/CanvasMapGenerator/Canvas.tsx b/src/components/react/CanvasMapGenerator/Canvas.tsx
@@ -63,8 +63,6 @@ const Canvas =({reRenderTrigger}: {reRenderTrigger: number}) => {
 
   const canvasRef = useRef(null)
   const draw = (ctx, frameCount) => {
-    console.log(frameCount)
-    console.log(JSON.stringify(player));
     ctx.clearRect(0, 0, ctx.canvas.width, ctx.canvas.height);
 
     fillMapWithGreen(ctx);

diff --git a/src/components/react/Images/GalleryImageGrid.tsx b/src/components/react/Images/GalleryImageGrid.tsx
@@ -9,10 +9,8 @@ interface GalleryImageGridProps {
 
 // TODO: Make this accept 'children', which will be all the images? Made by Astro's Image component?
 export const GalleryImageGrid = ({ children }: GalleryImageGridProps) => {
-    console.log('images', children);
 
     const images = Children.toArray(children);
-    console.log('images', images);
 
   const [isOpen, setIsOpen] = useState(false);
   const [image, setImage] = useState(0);
@@ -57,8 +55,7 @@ export const GalleryImageGrid = ({ children }: GalleryImageGridProps) => {
   };
 
   const handleKeyPress = (event: { key: string | number; }) => {
-    console.log('KeyPress!');
-    console.log(event.key);
+
 
     if (event.key === 'ArrowLeft') {
       handleLeftArrow();
@@ -67,7 +64,6 @@ export const GalleryImageGrid = ({ children }: GalleryImageGridProps) => {
       handleRightArrow();
     }
     if (event.key === 'Escape' || event.key === 27) {
-      console.log('Closing lightbox');
 
       setIsOpen(false);
     }

diff --git a/src/components/react/Images/ImageComparer.tsx b/src/components/react/Images/ImageComparer.tsx
@@ -15,7 +15,6 @@ const ImageComparer = (props: ImageComparerProps) => {
     const [imageSizeStyleName, setImageSizeStyleName] = React.useState("normal");
 
     const makeImageVisible = (imageNumber: number) => {
-        console.log("Making image visible: " + imageNumber);
         if (imageNumber === 1) {
             setImageStyles(styles.image1Visible);
             setButton1Styles(styles.buttonSelected);

diff --git a/src/components/react/Images/ManyImages.tsx b/src/components/react/Images/ManyImages.tsx
@@ -7,9 +7,9 @@ import styles from "./manyImages.module.scss";
 
 
 export async function getImageFiles(imagesFolder: string) {
-    console.log("getting image files");
+
     const imageFiles = await fs.readdir(imagesFolder);
-    console.log(imageFiles)
+
 
     // Filter the list to include only image files (you can customize this filter)
     const imageFilesFiltered = imageFiles.filter((file) =>
@@ -20,7 +20,7 @@ export async function getImageFiles(imagesFolder: string) {
 };
 
 const ManyImages = async ({folderPath}: {folderPath: string}) => {
-    console.log("Hello")
+
     const imageFiles = await getImageFiles(folderPath);
 
     return <div className="image-gallery">