From 26a90359d0d2860296a93fc0327c6c82e00fe022 Mon Sep 17 00:00:00 2001
From: Chloe <pinkcloudvnn@gmail.com>
Date: Mon, 8 Jul 2024 22:18:29 +0700
Subject: [PATCH] populate initial YMM for specific collection

Signed-off-by: Chloe <pinkcloudvnn@gmail.com>
---
 components/filters/filters-list.tsx | 30 ++++++++++++++++-------------
 1 file changed, 17 insertions(+), 13 deletions(-)

diff --git a/components/filters/filters-list.tsx b/components/filters/filters-list.tsx
index 4fa7716f5..f3c5950c3 100644
--- a/components/filters/filters-list.tsx
+++ b/components/filters/filters-list.tsx
@@ -47,13 +47,14 @@ const FiltersList = ({ makes = [], menu, autoFocusField }: FiltersListProps) =>
   const yearOptions = model ? years.filter((y) => get(y, 'make_model') === model.id) : years;
 
   const disabled = !partType || !make || !model || !year;
+  const [, initialMake, initialModel, initialYear] = params.collection?.split('_') || [];
 
   useEffect(() => {
     if (partType) {
       const _make = makes.find((make) =>
         makeIdFromSearchParams
           ? make.id === makeIdFromSearchParams
-          : params.collection?.includes(make.name!.toLowerCase())
+          : initialMake === make.name!.toLowerCase()
       );
 
       if (_make) {
@@ -72,12 +73,15 @@ const FiltersList = ({ makes = [], menu, autoFocusField }: FiltersListProps) =>
     const getModels = async () => {
       setLoadingAttribute('models');
       const modelsResponse = await fetchModels();
-      if (modelIdFromSearchParams) {
-        setModel(
-          (currentModel) =>
-            modelsResponse?.find((model) => model.id === modelIdFromSearchParams) || currentModel
-        );
-      }
+      setModel(
+        (currentModel) =>
+          modelsResponse?.find((model) =>
+            modelIdFromSearchParams
+              ? model.id === modelIdFromSearchParams
+              : initialModel === model.name!.toLowerCase()
+          ) || currentModel
+      );
+
       setModels(modelsResponse || []);
       setLoadingAttribute(undefined);
     };
@@ -91,12 +95,12 @@ const FiltersList = ({ makes = [], menu, autoFocusField }: FiltersListProps) =>
     const getYears = async () => {
       setLoadingAttribute('years');
       const yearsResponse = await fetchYears();
-      if (yearIdFromSearchParams) {
-        setYear(
-          (currentYear) =>
-            yearsResponse?.find((year) => year.id === yearIdFromSearchParams) || currentYear
-        );
-      }
+      setYear(
+        (currentYear) =>
+          yearsResponse?.find((year) =>
+            yearIdFromSearchParams ? year.id === yearIdFromSearchParams : initialYear === year.name
+          ) || currentYear
+      );
       setYears(yearsResponse || []);
       setLoadingAttribute(undefined);
     };