articles

2025-10-28 23:37:26 +03:00
parent 11c41985c7
commit 34a404f147
5 changed files with 168 additions and 5 deletions
--- a/src/views/home/articles/Articles.tsx
+++ b/src/views/home/articles/Articles.tsx
@@ -0,0 +1,107 @@
+import { Logo } from "../../../assets/logos";
+import { Account, Clipboard, Cup, Home, Openbook, Users } from "../../../assets/icons/menu";
+// import MenuItem from "./MenuItem";
+import { useAppSelector } from "../../../redux/hooks";
+// import ProblemItem from "./ProblemItem";
+import { SecondaryButton } from "../../../components/button/SecondaryButton";
+
+
+export interface Problem {
+    id: number;
+    authorId: number;
+    name: string;
+    difficulty: "Easy" | "Medium" | "Hard";
+    tags: string[];
+    timeLimit: number;
+    memoryLimit: number;
+    createdAt: string;
+    updatedAt: string;
+}
+
+
+const Articles = () => {
+
+    const problems: Problem[] = [
+        {
+            "id": 1,
+            "authorId": 1,
+            "name": "Todo List App",
+            "difficulty": "Easy",
+            "tags": ["react", "state", "list"],
+            "timeLimit": 1000,
+            "memoryLimit": 268435456,
+            "createdAt": "2025-10-28T13:23:13.000Z",
+            "updatedAt": "2025-10-28T13:23:13.000Z"
+        },
+        {
+            "id": 2,
+            "authorId": 1,
+            "name": "Search Filter Component",
+            "difficulty": "Medium",
+            "tags": ["filter", "props", "hooks"],
+            "timeLimit": 1000,
+            "memoryLimit": 268435456,
+            "createdAt": "2025-10-28T13:23:14.000Z",
+            "updatedAt": "2025-10-28T13:23:14.000Z"
+        },
+        {
+            "id": 3,
+            "authorId": 1,
+            "name": "User Card List",
+            "difficulty": "Easy",
+            "tags": ["components", "props", "array"],
+            "timeLimit": 1000,
+            "memoryLimit": 268435456,
+            "createdAt": "2025-10-28T13:23:15.000Z",
+            "updatedAt": "2025-10-28T13:23:15.000Z"
+        },
+        {
+            "id": 4,
+            "authorId": 1,
+            "name": "Theme Switcher",
+            "difficulty": "Medium",
+            "tags": ["context", "theme", "hooks"],
+            "timeLimit": 1000,
+            "memoryLimit": 268435456,
+            "createdAt": "2025-10-28T13:23:16.000Z",
+            "updatedAt": "2025-10-28T13:23:16.000Z"
+        }
+    ];
+
+
+    return (
+        <div className=" h-full w-full box-border p-[20px] pt-[20px]">
+            <div className="h-full box-border">
+
+                <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={() => {}}
+                        text="Создать статью"
+                        className="absolute right-0"
+                    />
+                </div>
+
+                <div className="bg-liquid-lighter h-[50px] mb-[20px]">
+
+                </div>
+
+                <div>
+
+                {/* {problems.map((v, i) => (
+                    <ProblemItem key={i} {...v} type={i % 2 == 0 ? "first" : "second"} status={i == 0 || i == 3 || i == 7 ? "success" : (i == 2 || i == 4 || i == 9 ? "error" : "empty")}/>
+                ))} */}
+                </div>
+
+                
+                <div>
+                    pages
+                </div>
+            </div>
+        </div>
+    );
+};
+
+export default Articles;