new tag and collection

src/components/ProductList/ProductList.jsx

@@ -67,8 +67,8 @@ const ProductList = ({ size = 99999 }) => {
   const navigate = useNavigate();
 
   //filter
-  const [tags, setTags] = useState("all");
-  const [collection, setCollection] = useState("all");
+  const [tags, setTags] = useState("tag");
+  const [collection, setCollection] = useState("collection");
   const [sort, setSort] = useState("new");
 
   useEffect(() => {
@@ -119,7 +119,7 @@ const ProductList = ({ size = 99999 }) => {
 
       // Tags
       newFilteredProducts = newFilteredProducts.filter((product) => {
-        if (tags == "all") {
+        if (tags == "all" || tags == "tag") {
           return product.productType === productType;
         } else {
           return (
@@ -130,7 +130,7 @@ const ProductList = ({ size = 99999 }) => {
 
       // Collection
       newFilteredProducts = newFilteredProducts.filter((product) => {
-        if (collection == "all") {
+        if (collection == "all" || collection == "collection" ) {
           return product.productType === productType;
         } else {
           return (
@@ -384,6 +384,7 @@ const ProductList = ({ size = 99999 }) => {
                 input={<BootstrapInput />}
                 name="type"
               >
+                <MenuItem value={"tag"}>Tags</MenuItem>
                 <MenuItem value={"all"}>All</MenuItem>
                 {tagFilterOption?.map((data) => (
                   <MenuItem value={data}>{data}</MenuItem>
@@ -411,6 +412,7 @@ const ProductList = ({ size = 99999 }) => {
                 input={<BootstrapInput />}
                 name="type"
               >
+                <MenuItem value={"collection"}>Collection</MenuItem>
                 <MenuItem value={"all"}>All</MenuItem>
                 {collectionFilterOption?.map(({ title }) => (
                   <MenuItem value={title}>{title}</MenuItem>