pages

src/views/home/articles/ArticleItem.tsx

@@ -1,8 +1,4 @@
-import { Logo } from "../../../assets/logos";
-import { Account, Clipboard, Cup, Home, Openbook, Users } from "../../../assets/icons/menu";
-// import MenuItem from "./MenuItem";
 import { cn } from "../../../lib/cn";
-import { IconError, IconSuccess } from "../../../assets/icons/problems";
 
 export interface ArticleItemProps {
     id: number;
@@ -10,17 +6,6 @@ export interface ArticleItemProps {
     tags: string[];
 }
 
-export function formatMilliseconds(ms: number): string {
-    const rounded = Math.round(ms) / 1000;
-    const formatted = rounded.toString().replace(/\.?0+$/, '');
-    return `${formatted} c`;
-}
-
-export function formatBytesToMB(bytes: number): string {
-    const megabytes = Math.floor(bytes / (1024 * 1024));
-    return `${megabytes} МБ`;
-}
-
 const ArticleItem: React.FC<ArticleItemProps> = ({
     id, name, tags
 }) => {

src/views/home/articles/Articles.tsx

@@ -1,23 +1,22 @@
+import { useEffect } from "react";
 import { SecondaryButton } from "../../../components/button/SecondaryButton";
-import ArticleItem, { ArticleItemProps } from "./ArticleItem";
+import { useAppDispatch } from "../../../redux/hooks";
+import ArticleItem from "./ArticleItem";
+import { setMenuActivePage } from "../../../redux/slices/store";
 
 
-export interface Problem {
+export interface Article {
     id: number;
-    authorId: number;
     name: string;
-    difficulty: "Easy" | "Medium" | "Hard";
     tags: string[];
-    timeLimit: number;
-    memoryLimit: number;
-    createdAt: string;
-    updatedAt: string;
 }
 
 
 const Articles = () => {
 
-    const articles: ArticleItemProps[] = [
+    const dispatch = useAppDispatch();
+
+    const articles: Article[] = [
         {
             "id": 1,
             "name": "Todo List App",
@@ -130,6 +129,9 @@ const Articles = () => {
         }
     ];
 
+      useEffect(() => {
+        dispatch(setMenuActivePage("articles"))
+      }, []);
 
     return (
         <div className=" h-full w-full box-border p-[20px] pt-[20px]">
@@ -137,7 +139,7 @@ const Articles = () => {
 
                 <div className="relative flex items-center mb-[20px]">
                     <div className="h-[50px] text-[40px] font-bold text-liquid-white flex items-center">
-                        База статей
+                        Статьи
                     </div>
                     <SecondaryButton
                         onClick={() => { }}