From 6cfe9a7b4491ea994b4e72f3f51ef0a81bc63b04 Mon Sep 17 00:00:00 2001
From: Jeffrey Johnson <jjohnson@ciq.co>
Date: Mon, 6 Feb 2023 15:40:39 -0800
Subject: [PATCH 1/2] Add product picker filter

---
 apollo/ui/src/components/Overview.tsx | 22 ++++++++++++++++++++++
 1 file changed, 22 insertions(+)

diff --git a/apollo/ui/src/components/Overview.tsx b/apollo/ui/src/components/Overview.tsx
index be96e66d..a9764584 100644
--- a/apollo/ui/src/components/Overview.tsx
+++ b/apollo/ui/src/components/Overview.tsx
@@ -106,6 +106,7 @@ export const Overview = () => {
   const [filtersKeyword, setFiltersKeyword] = useState<string>();
   const [filterBefore, setFilterBefore] = useState<Date>();
   const [filterAfter, setFilterAfter] = useState<Date>();
+  const [filterProduct, setFilterProduct] = useState<string>('');
   const [filtersType, setFiltersType] =
     useState<keyof typeof ListAdvisoriesFiltersTypeEnum>();
   const [filtersSeverity, setFiltersSeverity] =
@@ -121,6 +122,7 @@ export const Overview = () => {
           filtersKeyword,
           filtersBefore: filterBefore,
           filtersAfter: filterAfter,
+          filtersProduct: filterProduct,
           filtersSeverity: filtersSeverity
             ? ListAdvisoriesFiltersSeverityEnum[filtersSeverity]
             : undefined,
@@ -157,6 +159,7 @@ export const Overview = () => {
     filterBefore,
     filterAfter,
     filtersSeverity,
+    filterProduct,
     filtersType,
   ]);
 
@@ -264,6 +267,25 @@ export const Overview = () => {
               </Select>
             </FormControl>
           )}
+          <FormControl width="180px" flexShrink={0} flexGrow={1}>
+            <FormLabel fontSize="sm">Product</FormLabel>
+            <Select
+              aria-label="Product"
+              placeholder="All"
+              variant="filled"
+              background={inputBackground}
+              borderRadius="0"
+              value={filterProduct}
+              onChange={(e) => {
+                console.log('On change', e.currentTarget.value);
+                setFilterProduct(e.currentTarget.value as string);
+              }}
+            >
+              {['Rocky Linux 8', 'Rocky Linux 9'].map((s) => (
+                <option key={s} value={s}>{s}</option>
+              ))}
+            </Select>
+          </FormControl>
         </HStack>
         <HStack>
           <FormControl width="180px" flexShrink={0} flexGrow={1}>

From babde0bf04726906e48cd3988796d4b3058bf8c4 Mon Sep 17 00:00:00 2001
From: Jeffrey Johnson <jjohnson@ciq.co>
Date: Mon, 6 Feb 2023 19:11:43 -0800
Subject: [PATCH 2/2] Fix some stray console logs

---
 apollo/ui/src/components/Overview.tsx | 1 -
 1 file changed, 1 deletion(-)

diff --git a/apollo/ui/src/components/Overview.tsx b/apollo/ui/src/components/Overview.tsx
index a9764584..b7a6dd83 100644
--- a/apollo/ui/src/components/Overview.tsx
+++ b/apollo/ui/src/components/Overview.tsx
@@ -277,7 +277,6 @@ export const Overview = () => {
               borderRadius="0"
               value={filterProduct}
               onChange={(e) => {
-                console.log('On change', e.currentTarget.value);
                 setFilterProduct(e.currentTarget.value as string);
               }}
             >