LuisA/258-gift-details-view-fixed-eslint

.eslintignore

@@ -1,9 +1,8 @@
 # Ignored files due to ESLINT errors
 
-**/*.test.ts
-**/*.test.tsx
-**/*.test.js
-**/*.test.jsx
+**/\*.test.ts
+**/_.test.tsx
+\*\*/_.test.js \*_/_.test.jsx
 app/api/gift-exchanges/route.ts
 app/api/gift-exchanges/\[id\]/draw/route.ts
 app/api/gift-exchanges/\[id\]/giftSuggestions/route.ts
@@ -36,7 +35,6 @@ components/Avatar/Avatar.tsx
 components/Avatar/AvatarBody.tsx
 components/Button/button.tsx
 components/Calendar/calendar.tsx
-components/GiftDetailsView/GiftDetailsView.tsx
 components/GiftExchangeHeader/GiftExchangeHeader.tsx
 components/GiftSuggestionCard/GiftSuggestionCard.tsx
 components/GlobalGiftSpinner/GlobalGiftSpinner.tsx

components/GiftDetailsView/GiftDetailsView.tsx

@@ -1,3 +1,6 @@
+// Copyright (c) Gridiron Survivor.
+// Licensed under the MIT License.
+
 import { Button } from '../Button/button';
 import {
   CardContent,
@@ -9,21 +12,33 @@ import {
 import { SquareArrowOutUpRight, ThumbsDown, Gift } from 'lucide-react';
 import { GiftSuggestion } from '@/app/types/giftSuggestion';
 import { useState, useCallback } from 'react';
+import { JSX } from 'react';
 
+/**
+ * A GiftDetailsView compoennt
+ * @param {GiftSuggestion} gift - Gift suggestion being passed
+ * @param {() => void} handleFeedback - Callback function triggered when feedback is provided
+ * @returns {JSX.Element} - the rendered GiftDetailsView
+ */
 const GiftDetailsView = ({
   gift,
   handleFeedback,
 }: {
   gift: GiftSuggestion;
   handleFeedback: () => void;
-}) => {
+}): JSX.Element => {
   const [imageError, setImageError] = useState(false);
 
   const handleImageError = useCallback(() => {
     setImageError(true);
   }, []);
 
-  const handleAmazonLink = ({ searchTerm }: { searchTerm: string }) => {
+  /**
+   * Search Term details
+   * @param {string} searchTerm - search term being passed in to search amazon list
+   * @returns {string} - returns an encoded search string with the search term
+   */
+  const handleAmazonLink = ({ searchTerm }: { searchTerm: string }): string => {
     const encodedSearch = encodeURIComponent(searchTerm).replace(/%20/g, '+');
     return `https://www.amazon.com/s?k=${encodedSearch}`;
   };
@@ -64,8 +79,8 @@ const GiftDetailsView = ({
       </CardHeader>
       <CardContent className="p-0 m-2 w-72 h-20 flex items-center bg-GiftSuggestionLightGreenBackground rounded-md">
         <ul className="text-xs list-disc list-inside w-full text-giftSuggestionDarkGreen ml-2 flex flex-col gap-1">
-          {gift.matchReasons.map((reason, index) => (
-            <li key={index}>{reason}</li>
+          {gift.matchReasons.map((reason) => (
+            <li key={reason}>{reason}</li>
           ))}
         </ul>
       </CardContent>