Finally

README.md

@@ -3,7 +3,7 @@
 В этом репозитории реализован MVP карточкой игры "Мемо" по [тех.заданию](./docs/mvp-spec.md)
 
 Проект задеплоен на gh pages:
-https://skypro-web-developer.github.io/react-memo/
+https://ax1lebafer.github.io/react-memory/
 
 ## Разработка
 
@@ -44,3 +44,17 @@ https://skypro-web-developer.github.io/react-memo/
 
 Запускает eslint проверку кода, эта же команда запускается перед каждым коммитом.
 Если не получается закоммитить, попробуйте запустить эту команду и исправить все ошибки и предупреждения.
+
+### Затраченное время
+
+1 спринт:
+Продполагаемое время: 8 часов вместе с ознакомлением кода
+Фактически затраченное время: 6 часов 40 минут
+
+2 спринт:
+Продполагаемое время: 5 часов
+Фактически затраченное время: 6 часов 30 минут
+
+3 спринт
+Продполагаемое время: 8 часов
+Фактически затраченное время: 4 час 20 минут

package.json

@@ -8,6 +8,7 @@
     "@testing-library/react": "^13.4.0",
     "@testing-library/user-event": "^13.5.0",
     "classnames": "^2.3.2",
+    "date-fns": "^3.6.0",
     "gh-pages": "^6.0.0",
     "lodash": "^4.17.21",
     "react": "^18.2.0",

src/api.js

@@ -0,0 +1,32 @@
+const host = "https://wedev-api.sky.pro/api/v2/leaderboard";
+
+export async function getLeaders() {
+  const response = await fetch(host, {
+    method: "GET",
+  });
+
+  if (!response.ok) {
+    throw new Error("Ошибка сервера");
+  }
+
+  const data = await response.json();
+  return data;
+}
+
+export async function postLeader({ name, time, achievements }) {
+  const response = await fetch(host, {
+    method: "POST",
+    body: JSON.stringify({
+      name: name,
+      time: time,
+      achievements: achievements,
+    }),
+  });
+
+  if (!response.ok) {
+    throw new Error("Ошибка сервера");
+  }
+
+  const data = await response.json();
+  return data;
+}

src/components/Button/Button.jsx

@@ -1,8 +1,8 @@
 import styles from "./Button.module.css";
 
-export function Button({ children, onClick }) {
+export function Button({ children, onClick, disabled }) {
   return (
-    <button onClick={onClick} className={styles.button}>
+    <button onClick={onClick} className={styles.button} disabled={disabled}>
       {children}
     </button>
   );