From 47479cd2ba377fdb6c2da581ea443dfa95026dce Mon Sep 17 00:00:00 2001
From: Amaury <amaury.lopezdiaz@gmail.com>
Date: Sun, 21 May 2023 19:44:20 +0100
Subject: [PATCH 1/2] Added alphabetical sorting to plugin categories.

Signed-off-by: Amaury <amaury.lopezdiaz@gmail.com>
---
 microsite/src/components/pluginsFilter/pluginsFilter.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/microsite/src/components/pluginsFilter/pluginsFilter.tsx b/microsite/src/components/pluginsFilter/pluginsFilter.tsx
index 25c8a5ff52..5635fb5a29 100644
--- a/microsite/src/components/pluginsFilter/pluginsFilter.tsx
+++ b/microsite/src/components/pluginsFilter/pluginsFilter.tsx
@@ -7,13 +7,15 @@ type Props = {
 };
 
 const PluginsFilter = ({ categories, handleChipClick }: Props) => {
+  const alphaCategories = categories.sort((a,b) => a.name.localeCompare(b.name))
+
   return (
     <div className="dropdown dropdown--hoverable">
       <button className="button button--info dropdown__toggle">
         Categories Filter
       </button>
       <ul className="dropdown__menu">
-        {categories.map(chip => {
+        {alphaCategories.map(chip => {
           return (
             <li key={chip.name} onClick={() => handleChipClick(chip.name)}>
               <div className="dropdown__item">

From 330516ce007e9ff24131272abd8703e7697b7c7b Mon Sep 17 00:00:00 2001
From: Amaury <amaury.lopezdiaz@gmail.com>
Date: Sun, 21 May 2023 20:05:29 +0100
Subject: [PATCH 2/2] Addressed prettier issue.

Signed-off-by: Amaury <amaury.lopezdiaz@gmail.com>
---
 microsite/src/components/pluginsFilter/pluginsFilter.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/microsite/src/components/pluginsFilter/pluginsFilter.tsx b/microsite/src/components/pluginsFilter/pluginsFilter.tsx
index 5635fb5a29..4023415fa6 100644
--- a/microsite/src/components/pluginsFilter/pluginsFilter.tsx
+++ b/microsite/src/components/pluginsFilter/pluginsFilter.tsx
@@ -7,8 +7,9 @@ type Props = {
 };
 
 const PluginsFilter = ({ categories, handleChipClick }: Props) => {
-  const alphaCategories = categories.sort((a,b) => a.name.localeCompare(b.name))
-
+  const alphaCategories = categories.sort((a, b) =>
+    a.name.localeCompare(b.name),
+  );
   return (
     <div className="dropdown dropdown--hoverable">
       <button className="button button--info dropdown__toggle">