- If you've found a wild animal that appears to be sick, injured, or
+ If you've found a wild animal that appears to be sick, injured, or
orphaned, safely contain it and either bring it to our nearest shelter
or contact us for guidance.
diff --git a/src/app/spotlightPage/page.tsx b/src/app/spotlightPage/page.tsx
index 6ce6be29..2828023d 100644
--- a/src/app/spotlightPage/page.tsx
+++ b/src/app/spotlightPage/page.tsx
@@ -82,25 +82,25 @@ function App() {
className="w-[24.375rem] h-[13.375rem] rounded-lg"
key={
media.find(
- m =>
- m.id ===
- allTourMedia.find(m => m.tour_id === spotlight.id)
+ mediaElement =>
+ mediaElement.id ===
+ allTourMedia.find(allTourMediaElement => allTourMediaElement.tour_id === spotlight.id)
?.media_id,
)?.id
}
src={
media.find(
- m =>
- m.id ===
- allTourMedia.find(m => m.tour_id === spotlight.id)
+ mediaElement =>
+ mediaElement.id ===
+ allTourMedia.find(allTourMediaElement => allTourMediaElement.tour_id === spotlight.id)
?.media_id,
)?.url ?? ''
}
alt={
media.find(
- m =>
- m.id ===
- allTourMedia.find(m => m.tour_id === spotlight.id)
+ mediaElement =>
+ mediaElement.id ===
+ allTourMedia.find(allTourMediaElement => allTourMediaElement.tour_id === spotlight.id)
?.media_id,
)?.text ?? ''
}
diff --git a/src/components/userComponents/ExhibitDisplay/ExhibitDisplay.tsx b/src/components/userComponents/ExhibitDisplay/ExhibitDisplay.tsx
index 8a063bf2..087d0be3 100644
--- a/src/components/userComponents/ExhibitDisplay/ExhibitDisplay.tsx
+++ b/src/components/userComponents/ExhibitDisplay/ExhibitDisplay.tsx
@@ -2,6 +2,20 @@ import React from 'react';
import Image from 'next/image';
import styles from './ExhibitDisplay.module.css';
+/**
+ * ExhibitDisplay component
+ * @param props - props for the ExhibitDisplay component
+ * @param props.name - name of the exhibit
+ * @param props.location - location of the exhibit
+ * @param props.information - information about the exhibit
+ * @param props.description - description of the exhibit
+ * @param props.relatednews - related news of the exhibit
+ * @param props.topimage - top image of the exhibit
+ * @param props.media - media of the exhibit
+ * @param props.bottomimage - bottom image of the exhibit
+ * @param props.moretext - more text of the exhibit
+ * @returns JSX.Element
+ */
export default function ExhibitDisplay({
name,
location,
diff --git a/src/components/userComponents/ExhibitPreview/ExhibitPreview 2.tsx b/src/components/userComponents/ExhibitPreview/ExhibitPreview 2.tsx
deleted file mode 100644
index 59fc6523..00000000
--- a/src/components/userComponents/ExhibitPreview/ExhibitPreview 2.tsx
+++ /dev/null
@@ -1,135 +0,0 @@
-'use client';
-
-import React, { Fragment, useState } from 'react';
-import { Dialog, Transition } from '@headlessui/react';
-import Image from 'next/image';
-import styles from './ExhibitPreview.module.css';
-
-export default function ExhibitPreview({
- name,
- location,
- description,
- about,
- topimage,
- bottomimage,
-}: {
- name: string;
- location: string;
- description: string;
- about: string;
- topimage: string;
- bottomimage: string;
-}) {
- const [isOpen, setIsOpen] = useState(false);
-
- const closeModal = () => {
- setIsOpen(false);
- };
-
- const openModal = () => {
- setIsOpen(true);
- };
-
- return (
- <>
-
-
-
-
-
-
-
-
- );
-}
diff --git a/src/components/userComponents/ExhibitPreview/ExhibitPreview.module 2.css b/src/components/userComponents/ExhibitPreview/ExhibitPreview.module 2.css
deleted file mode 100644
index fc66f20a..00000000
--- a/src/components/userComponents/ExhibitPreview/ExhibitPreview.module 2.css
+++ /dev/null
@@ -1,132 +0,0 @@
-.outercontainer {
- display: flex;
- justify-content: center;
- align-items: center;
-}
-
-.buttonbox {
- display: flex;
- justify-content: flex-end;
- padding-right: 18px;
- padding-bottom: 156px;
- padding-top: 10px;
-}
-
-.roundedbackground {
- background-color: white;
- width: 398px;
- height: 730px;
- display: flex;
- flex-direction: column;
- justify-content: flex-end;
- vertical-align: bottom;
- width: 100%;
- max-width: 398px;
- overflow: hidden;
- text-align: left;
- position: fixed;
- transition-property: all;
- transition-duration: 0.3s; /* Adjust the duration as needed */
- transition-timing-function: ease;
- transform: translate(0);
- box-shadow: 0 0 1rem rgba(0, 0, 0, 0.2);
- border-radius: 2rem;
- position: fixed;
- top: 50%;
- left: 50%;
- transform: translate(-50%, -50%);
-}
-
-.rectangle {
- background-color: white;
- width: 398px;
- height: 497px;
- flex-shrink: 0;
- padding-right: 22px;
- padding-left: 22px;
- justify-content: flex-start;
- align-content: flex-start;
- position: relative;
-}
-
-.titlebox {
- width: 354px;
- padding-top: 46px;
- justify-content: flex-start;
-}
-
-.titletext {
- color: black;
- font-family: Inter;
- font-size: 24px;
- font-style: normal;
- font-weight: 700;
- line-height: normal;
- letter-spacing: -0.5px;
-}
-
-.locationbox {
- width: 354px;
- padding-top: 8px;
- justify-content: flex-start;
-}
-
-.locationtext {
- color: #0d0b0b;
- font-family: Inter;
- font-size: 14px;
- font-style: italic;
- font-weight: 400;
- line-height: 20px;
- letter-spacing: -0.5px;
-}
-
-.descriptionbox {
- width: 354px;
- padding-top: 20px;
- padding-bottom: 20px;
- justify-content: flex-start;
-}
-
-.descriptiontext {
- color: #0d0b0b;
- font-family: Arial, Helvetica, sans-serif;
- font-size: 16px;
- font-style: normal;
- font-weight: 400;
- line-height: 20px;
- letter-spacing: -0.5px;
-}
-
-.aboutbox {
- width: 354px;
- padding-top: 17px;
- padding-bottom: 17px;
- justify-content: flex-start;
-}
-
-.abouttext {
- color: #0d0b0b;
- font-family: sans-serif;
- font-size: 20px;
- font-style: normal;
- font-weight: 500;
- line-height: normal;
- letter-spacing: -0.5px;
-}
-
-.picturebox {
- width: 354px;
- height: 190px;
- flex-shrink: 0;
-}
-
-.topimagebox {
- display: flex;
- flex-direction: column;
- justify-content: flex-start;
- position: absolute;
- top: 0;
- left: 0;
- z-index: -1;
-}
diff --git a/src/components/userComponents/ExhibitPreview/ExhibitPreview.tsx b/src/components/userComponents/ExhibitPreview/ExhibitPreview.tsx
index bc997332..aeeb0315 100644
--- a/src/components/userComponents/ExhibitPreview/ExhibitPreview.tsx
+++ b/src/components/userComponents/ExhibitPreview/ExhibitPreview.tsx
@@ -6,6 +6,19 @@ import Image from 'next/image';
import Link from 'next/link';
import styles from './ExhibitPreview.module.css';
+
+/**
+ *
+ * @param props - props for the ExhibitPreview component
+ * @param props.name - name of the exhibit
+ * @param props.location - location of the exhibit
+ * @param props.description - description of the exhibit
+ * @param props.about - about the exhibit
+ * @param props.topimage - top image of the exhibit
+ * @param props.bottomimage - bottom image of the exhibit
+ * @param props.href - href of the exhibit
+ * @returns JSX.Element
+ */
export default function ExhibitPreview({
name,
location,
diff --git a/src/components/userComponents/FilterButton/FilterButton.tsx b/src/components/userComponents/FilterButton/FilterButton.tsx
index 8b35c30c..cddb24cc 100644
--- a/src/components/userComponents/FilterButton/FilterButton.tsx
+++ b/src/components/userComponents/FilterButton/FilterButton.tsx
@@ -21,10 +21,11 @@ interface FilterButtonProps {
/**
*
- * @param root0
- * @param root0.content
- * @param root0.onClick
- * @param root0.isSelected
+ * @param props - props for the FilterButton component
+ * @param props.content - content of the button
+ * @param props.onClick - function to handle the functionality we want to tie to our filter buttons
+ * @param props.isSelected - boolean to determine if the button is selected
+ * @returns JSX.Element
*/
function FilterButton({ content, onClick, isSelected }: FilterButtonProps) {
const selectedStyle =
diff --git a/src/components/userComponents/HomePageComponents/VisitorResources/VisitorResources.tsx b/src/components/userComponents/HomePageComponents/VisitorResources/VisitorResources.tsx
index c6f00eff..5f4fbba7 100644
--- a/src/components/userComponents/HomePageComponents/VisitorResources/VisitorResources.tsx
+++ b/src/components/userComponents/HomePageComponents/VisitorResources/VisitorResources.tsx
@@ -6,8 +6,7 @@ import AdmissionButton from './AdmissionButton';
/**
* @returns - Visitor resources section of the home page. Users can reach the Site Map and QR flow from here.
* These resources are mainly for in-person experiences
- // eslint-disable-next-line jsdoc/check-tag-names
- * @Note VisitorResources tag below uses padding to ensure relative consistency of text lining up with buttons.
+ * NOTE: VisitorResources tag below uses padding to ensure relative consistency of text lining up with buttons.
* It will look slightly off on some screens. Motivation: it's better to be slightly wrong on many screens
* than VERY wrong on a few. If solution found, @andreiTan
*/
diff --git a/src/components/userComponents/QrScanner/QrScanner.tsx b/src/components/userComponents/QrScanner/QrScanner.tsx
deleted file mode 100644
index 17289129..00000000
--- a/src/components/userComponents/QrScanner/QrScanner.tsx
+++ /dev/null
@@ -1,44 +0,0 @@
-import { Html5QrcodeScanner, Html5QrcodeScanType } from 'html5-qrcode';
-import React, { useEffect } from 'react';
-
-const qrcodeRegionId = 'html5qr-code-full-region';
-
-/**
- *
- * @param root0
- * @param root0.setScanResult
- * @param root0.updateScanResult
- * @returns qr scanner
- */
-function Html5QrcodePlugin() {
- useEffect(() => {
- const videoConstraints = {
- facingMode: 'environment',
- };
-
- const html5QrcodeScanner = new Html5QrcodeScanner(
- 'reader',
- {
- qrbox: {
- width: 500,
- height: 500,
- },
- fps: 5,
- supportedScanTypes: [Html5QrcodeScanType.SCAN_TYPE_CAMERA],
- videoConstraints,
- },
- false,
- );
- html5QrcodeScanner.render(
- () => {},
- () => {},
- );
- return () => {
- html5QrcodeScanner.clear().catch(error => {});
- };
- }, []);
-
- return ;
-}
-
-export default Html5QrcodePlugin;
diff --git a/src/components/userComponents/SiteMap/ExhibitPreviewCard.tsx b/src/components/userComponents/SiteMap/ExhibitPreviewCard.tsx
index 635f63a5..2a79e647 100644
--- a/src/components/userComponents/SiteMap/ExhibitPreviewCard.tsx
+++ b/src/components/userComponents/SiteMap/ExhibitPreviewCard.tsx
@@ -16,13 +16,10 @@ interface ExhibitCardProps {
}
/**
- * @param ExhibitCardProps.display display to preview
+ * @param ExhibitCardProps - The props for the exhibit card component
* @param ExhibitCardProps.handleClick function to handle actions when clicked
* @param ExhibitCardProps.handleClose function to handle closing of preview card
- * @param ExhibitCardProps.display.display
- * @param ExhibitCardProps.display.handleClick
- * @param ExhibitCardProps.display.handleClose
- * @param ExhibitCardProps.display.tour
+ * @param ExhibitCardProps.tour the tour or exhibit to preview
* @returns preview card component to display within leaflet map container
*/
function ExhibitPreviewCard({
@@ -100,6 +97,7 @@ function ExhibitPreviewCard({
tabIndex={0}
>