Merge branch 'dev'

Author: estruyf

.eslintrc.json

@@ -1,3 +1,7 @@
 {
-  "extends": "next/core-web-vitals"
+  "extends": "next/core-web-vitals",
+  "rules": {
+    // Other rules
+    "@next/next/no-img-element": "off"
+  }
 }

components/Docs/Markdown.tsx

@@ -41,7 +41,7 @@ export const Markdown: React.FunctionComponent<IMarkdownProps> = ({ content, slu
         elm.parentElement?.parentElement?.classList.add('important');
       }
     }
-  }, ['']);
+  }, []);
 
   if (!content) {
     return null;

components/Link/Link.tsx

@@ -16,7 +16,7 @@ export const Link: React.FunctionComponent<ILinkProps> = ({ title, link, hideDot
   useEffect(() => {
     const crntPath = router.asPath.replace(/\/#/, '#');
     setIsActive(crntPath === link.replace(/\/#/, '#'));
-  }, [router.asPath]);
+  }, [link, router.asPath]);
 
   return (
     <NextLink

components/Link/ParentLink.tsx

@@ -40,7 +40,7 @@ export const ParentLink: React.FunctionComponent<IParentLinkProps> = ({ title, l
         ))}
       </ul>
     );
-  }, [links, item]);
+  }, [links]);
 
   const onShowChildren = () => {
     setShowChildren((prev) => !prev);
@@ -72,7 +72,7 @@ export const ParentLink: React.FunctionComponent<IParentLinkProps> = ({ title, l
     }
 
     setShowChildren(false);
-  }, [router.asPath, links]);
+  }, [router.asPath, links, link]);
 
   return (
     <>

components/Page/Sponsors.tsx

@@ -49,7 +49,7 @@ export const Sponsors: React.FunctionComponent<ISponsorsProps> = (props: React.P
                     title={`Thanks ${sponsor.name}!`}>
                     {
                       sponsor.avatarUrl ? (
-                        <img className="mt-6 h-12 bg-white rounded-full border-2 border-transparent hover:border-whisper-500" src={sponsor.avatarUrl} />
+                        <img className="mt-6 h-12 bg-white rounded-full border-2 border-transparent hover:border-whisper-500" alt={sponsor.name} src={sponsor.avatarUrl} />
                       ) : (
                         <UserIcon className='mt-6 h-12 p-2 bg-white rounded-full border-2 border-transparent hover:border-whisper-500 text-vulcan-500/50' />
                       )

components/Page/Testimonial.tsx

@@ -1,9 +1,55 @@
 import * as React from 'react';
+import { Review } from '../../models';
+import { StarIcon } from '@heroicons/react/24/solid';
+import { format, parseISO } from 'date-fns';
 
-export interface ITestimonialProps {}
+export interface ITestimonialProps {
+  reviews: Review[];
+}
+
+export const Testimonial: React.FunctionComponent<ITestimonialProps> = ({
+  reviews
+}: React.PropsWithChildren<ITestimonialProps>) => {
+
+  if (!reviews || reviews.length === 0) {
+    return null;
+  }
 
-export const Testimonial: React.FunctionComponent<ITestimonialProps> = (props: React.PropsWithChildren<ITestimonialProps>) => {
   return (
-    null
+    <section className="bg-vulcan-500">
+      <div className="max-w-7xl mx-auto py-16 px-4 sm:px-6 lg:px-8">
+        <div className="max-w-3xl mx-auto text-center">
+          <h2 className="text-3xl tracking-tight font-extrabold sm:leading-none text-transparent bg-clip-text bg-gradient-to-r from-teal-200 to-teal-700">What people are saying</h2>
+          <p className="mt-4 text-lg text-whisper-700 space-y-4">
+            Explore reviews from Front Matter CMS users
+          </p>
+        </div>
+        <div className="mt-12 grid lg:mb-12 lg:grid-cols-2 bg-vulcan-400">
+          {reviews.map((review, index) => (
+            <figure key={index} className={`flex flex-col justify-center items-center p-8 text-center border-b border-vulcan-200 md:p-12 ${index % 2 === 0 ? "lg:border-r" : ""} ${index > 3 ? "lg:border-b-0" : ""}`}>
+              <div className={`stars mb-4 flex space-x-1`}>
+                {
+                  review.rating && [...Array(review.rating)].map((_, index) => (
+                    <StarIcon key={index} className='w-5 h-5 text-yellow-500' />
+                  ))
+                }
+              </div>
+
+              <blockquote className="mx-auto mb-4 max-w-2xl text-whisper-100">
+                <p className="my-4">&quot;{review.text}&quot;</p>
+              </blockquote>
+
+              <figcaption className="flex justify-center items-center space-x-3">
+                <img className="w-9 h-9 rounded-full" src={`https://marketplace.visualstudio.com/avatar?userid=${review.userId}`} alt="profile picture" />
+                <div className="space-y-0.5 font-medium text-whisper-300 text-left">
+                  <div>{review.userDisplayName}</div>
+                  <div className="text-xs text-whisper-900">{format(parseISO(review.updatedDate), "MM/dd/yyyy")}</div>
+                </div>
+              </figcaption>
+            </figure >
+          ))}
+        </div >
+      </div >
+    </section >
   );
 };

content/changelog/CHANGELOG.md

@@ -1,5 +1,24 @@
 # Change Log
 
+## [9.3.0] - 2023-xx-xx
+
+### ✨ New features
+
+### 🎨 Enhancements
+
+- [#638](https://github.com/estruyf/vscode-front-matter/issues/638): Add Hexo support for the `_drafts` folder
+- [#659](https://github.com/estruyf/vscode-front-matter/issues/659): Implement a filter for the taxonomy dashboard
+- [#662](https://github.com/estruyf/vscode-front-matter/issues/662): Always show the `all articles` tab with the page counter
+- [#663](https://github.com/estruyf/vscode-front-matter/issues/663): Make card tags clickable to filter the view
+
+### ⚡️ Optimizations
+
+### 🐞 Fixes
+
+- [#660](https://github.com/estruyf/vscode-front-matter/issues/660): Allow only to select unique content relationship values
+- [#661](https://github.com/estruyf/vscode-front-matter/issues/661): Fixing the dropdowns when used at the bottom of a collapsible group
+- [#664](https://github.com/estruyf/vscode-front-matter/issues/664): Fix for parsing draft status in Hexo and Jekyll
+
 ## [9.2.0] - 2023-09-11
 
 ### ✨ New features

models/Reviews.ts

@@ -0,0 +1,28 @@
+export interface Reviews {
+  reviews: Review[];
+  totalReviewCount: number;
+  hasMoreReviews: boolean;
+}
+
+export interface Review {
+  id: number;
+  userId: string;
+  userDisplayName: string;
+  updatedDate: string;
+  rating: number;
+  text: string;
+  productVersion: string;
+  isDeleted: boolean;
+  isIgnored: boolean;
+  reCaptchaToken?: any;
+  reply?: Reply;
+}
+
+export interface Reply {
+  id: number;
+  reviewId: number;
+  userId: string;
+  replyText: string;
+  updatedDate: string;
+  isDeleted: boolean;
+}

models/index.ts

@@ -2,4 +2,5 @@ export * from "./Analytics";
 export * from "./InitResponse";
 export * from "./NewConversationResponse";
 export * from "./PageFrontMatter";
+export * from "./Reviews";
 export * from "./SponsorData";

pages/analytics/index.tsx

@@ -99,7 +99,7 @@ const Charts = () => {
     });
 
     return result;
-  }, [stats?.activate]);
+  }, [stats]);
 
   const webviewsData = useMemo(() => {
     return processData(stats?.webviews);
@@ -137,7 +137,7 @@ const Charts = () => {
     });
 
     return results;
-  }, [stats?.events]);
+  }, [stats]);
 
   const getWebviewIds = useMemo(() => {
     return processKeys(webviewsData);