ecosystem highlights

src/constants/blog.ts

@@ -20,6 +20,10 @@ export const getBlogCategoryList = lang => [
     label: LANGUAGE_MAP[lang].technical,
     key: "Technical",
   },
+  {
+    label: LANGUAGE_MAP[lang].ecosystem_highlights,
+    key: "Ecosystem highlights",
+  },
 ]
 
 export const getBlogSortList = lang => [
@@ -42,6 +46,7 @@ export const LANGUAGE_MAP = {
     announcement: "Announcement",
     general: "General",
     technical: "Technical",
+    ecosystem_highlights: "Ecosystem highlights",
     sort: "Order by",
     newest: "Newest",
     oldest: "Oldest",
@@ -56,6 +61,7 @@ export const LANGUAGE_MAP = {
     announcement: "Duyuru",
     general: "Genel",
     technical: "Teknik",
+    ecosystem_highlights: "Ekosistem vurguları",
     sort: "Şuna göre sırala",
     newest: "En yeni",
     oldest: "En eski",

src/pages/blog/index.tsx

@@ -1,5 +1,6 @@
 import { orderBy } from "lodash"
 import { useEffect, useMemo, useState } from "react"
+import { useLocation } from "react-router-dom"
 import useStorage from "squirrel-gill"
 
 import { Tune as TuneIcon } from "@mui/icons-material"
@@ -162,6 +163,7 @@ const BlogList = styled("ul")(({ theme }) => ({
 }))
 
 const Blog = () => {
+  const location = useLocation()
   const { isDesktop } = useCheckViewport()
   const [language] = useStorage(localStorage, BLOG_LANGUAGE, "en")
   const BLOG_CATEGORY_LIST = useMemo(() => getBlogCategoryList(language), [language])
@@ -171,10 +173,12 @@ const Blog = () => {
   const handleFilterOpen = () => setFilterOpen(true)
   const handleFilterClose = () => setFilterOpen(false)
 
+  const { category } = location.state || "All"
+
   const [blogs, setBlogs] = useState(blogSource)
   const [queryForm, setQueryForm] = useState({
     sort: "Newest",
-    category: "All",
+    category,
   })
 
   const blogsWithLang = useMemo(() => filterBlogsByLanguage(blogSource, language), [blogSource, language])

src/pages/ecosystem/Highlights/HighlightList/Card.tsx

@@ -56,14 +56,10 @@ const ReadButton = styled(Button)(({ theme }) => ({
   },
 }))
 
-const BlogCard = ({ blog, small = false }) => {
+const BlogCard = ({ blog }) => {
   const navigate = useNavigate()
   const handleClick = () => {
-    if (blog.externalLink) {
-      window.location.href = blog.externalLink
-    } else {
-      navigate("/blog/" + blog.id)
-    }
+    navigate("/blog/" + blog.slug)
   }
 
   return (