feat: Route list page

src/pages/Article/ArticleListPage/index.tsx

@@ -2,7 +2,7 @@ import { DataGrid, GridColDef, GridRenderCellParams } from "@mui/x-data-grid";
 import { articlesStore, languageStore } from "@shared";
 import { useEffect, useState } from "react";
 import { observer } from "mobx-react-lite";
-import { Trash2, FileText } from "lucide-react";
+import { Trash2, Eye } from "lucide-react";
 import { useNavigate } from "react-router-dom";
 import { DeleteModal, LanguageSwitcher } from "@widgets";
 
@@ -31,8 +31,8 @@ export const ArticleListPage = observer(() => {
       renderCell: (params: GridRenderCellParams) => {
         return (
           <div className="flex h-full gap-7 justify-center items-center">
-            <button onClick={() => navigate(`/media/${params.row.id}`)}>
-              <FileText size={20} className="text-green-500" />
+            <button onClick={() => navigate(`/article/${params.row.id}`)}>
+              <Eye size={20} className="text-green-500" />
             </button>
             <button
               onClick={() => {
@@ -48,7 +48,7 @@ export const ArticleListPage = observer(() => {
     },
   ];
 
-  const rows = articleList.map((article) => ({
+  const rows = articleList[language].data.map((article) => ({
     id: article.id,
     heading: article.heading,
     body: article.body,