Merge pull request #8440 from hipdev/web/launch-week-minor-fixes

Web/launch week minor fixes

apps/www/components/LaunchWeek/LaunchSection/ArticleButtonListItem.tsx

@@ -5,7 +5,7 @@ import { Article } from '../types'
 const ArticleButtonListItem = (props: Article) => {
   return (
     <Link href={props.url}>
-      <div className="group mr-2 mb-2 cursor-pointer">
+      <a className="group mr-2 mb-2">
         <div className="flex flex-row">
           <div>
             <div className="flex flex-col">
@@ -16,7 +16,7 @@ const ArticleButtonListItem = (props: Article) => {
             </div>
           </div>
         </div>
-      </div>
+      </a>
     </Link>
   )
 }

apps/www/components/LaunchWeek/LaunchSection/index.tsx

@@ -176,8 +176,9 @@ export const LaunchSection = (props: WeekDayProps) => {
         {props.shipped && (
           <div className="flex flex-col gap-12">
             {props.articles &&
-              props.articles.map((article: Article) => (
+              props.articles.map((article: Article, index) => (
                 <div
+                  key={article.url + index}
                   className="
                 dark:bg-scale-300 rounded border bg-white
                 "
@@ -194,8 +195,8 @@ export const LaunchSection = (props: WeekDayProps) => {
                       <div className="flex flex-col gap-6 p-6 px-10 pb-10">
                         <h3 className="text-scale-1100 text-sm">New releases</h3>
                         {article.products &&
-                          article.products.map((product: Product) => (
-                            <ProductButtonListItem {...product} />
+                          article.products.map((product: Product, index) => (
+                            <ProductButtonListItem key={product.url + index} {...product} />
                           ))}
                       </div>
                     </>
@@ -204,10 +205,6 @@ export const LaunchSection = (props: WeekDayProps) => {
               ))}
           </div>
         )}
-        {/* <div className="">
-          {props.products &&
-            props.products.map((product: Product) => <ProductButton {...product} />)}
-        </div> */}
       </div>
     </div>
   )

apps/www/pages/launch-week/index.tsx

@@ -56,7 +56,7 @@ export default function launchweek() {
             {days.map((item: WeekDayProps, i) => {
               return (
                 <LaunchSection
-                  key={'launchweek-item ' + item.title}
+                  key={'launchweek-item ' + (item.title || i)}
                   {...item}
                   index={i}
                   shippingHasStarted={shippingHasStarted}