Merge pull request #49 from dderbentsov/UC-19

Создал компонент отображения детальной информации, конфиг для него и добавил данные в mock

server.js

@@ -1,39 +1,135 @@
 import { createServer } from "miragejs";
 
+const dataClients = [
+  {
+    id: "1",
+    fullName: "Вильгейльм Арнольд Витальевич",
+    age: "34",
+    jobTitle: "Менеджер",
+    priority: "Высокий",
+    phone: "+7 (915) 657–21–14",
+    email: "Superboyband@yandex.ru",
+    networks: [],
+    meeting: {
+      date: "02.06.22",
+      time: "18:30–19:30",
+    },
+  },
+  {
+    id: "2",
+    fullName: "Астафоркина Екатерина Геннадьевна",
+    age: "54",
+    jobTitle: "Менеджер",
+    priority: "-",
+    phone: "+7 (574) 364–53–36",
+    email: "antimag@gmail.com",
+    networks: [],
+    meeting: {
+      date: "14.07.22",
+      time: "17:30–21:30",
+    },
+  },
+];
+
+const clientsDetail = [
+  {
+    id: "5",
+    idClient: "1",
+    pass: {
+      number: {
+        value: "5261 918732",
+        copy: true,
+      },
+      issuedBy: {
+        value: "Отделом УФМС России по рязанской области",
+      },
+      divisionCode: {
+        value: "426–234",
+      },
+      dateIssue: {
+        value: "02.04.2022",
+      },
+    },
+    snils: {
+      number: {
+        value: "812–183–139 21",
+        copy: true,
+      },
+    },
+    inn: {
+      number: {
+        value: "138291382731",
+        copy: true,
+      },
+    },
+    birthday: {
+      date: {
+        value: "21.04.1999",
+      },
+    },
+    addresses: {
+      registrationPlace: {
+        value:
+          "371311, Московская обл., г. Москва, ул. Комсомольская, д.6, кв. 13",
+      },
+      actualPlace: {
+        value:
+          "371311, Московская обл., г. Москва, ул. Комсомольская, д.6, кв. 13",
+      },
+    },
+    docs: {
+      info: [
+        {
+          value: "Договор оферты.pdf",
+        },
+        {
+          value: "Договор о долевом строительстве.pdf",
+        },
+        {
+          value: "Какое-то очень очень очень очень длинное название.doc",
+        },
+        {
+          value: "Договор об оплате.doc",
+        },
+        {
+          value: "Коммерческое предложение.xls",
+        },
+        {
+          value: "Таблица заказов.xls",
+        },
+      ],
+    },
+    additional: {
+      info: [
+        {
+          name: "Предпочтения",
+          value: "Разговор на “Вы”\nТолько по делу\nТолько официальный стиль",
+          file: "",
+        },
+        {
+          name: "Доп.документы",
+          value: "",
+          file: "Памятка с вопросами на созвоне.pdf",
+        },
+        {
+          name: "Его должность",
+          value: "Вроде бы важная шишка, пусть будет – Гуру в дизайне",
+          file: "",
+        },
+        {
+          name: "Чтобы не забыть",
+          value: "Не забудь!",
+          file: "",
+        },
+      ],
+    },
+  },
+];
 export function clientsServer() {
   createServer({
     routes() {
       this.get("/api/clients", () => ({
-        dataClients: [
-          {
-            id: "1",
-            fullName: "Вильгейльм Арнольд Витальевич",
-            age: "34",
-            jobTitle: "Менеджер",
-            priority: "Высокий",
-            phone: "+7 (915) 657–21–14",
-            email: "Superboyband@yandex.ru",
-            networks: [],
-            meeting: {
-              date: "02.06.22",
-              time: "18:30–19:30",
-            },
-          },
-          {
-            id: "2",
-            fullName: "Астафоркина Екатерина Геннадьевна",
-            age: "54",
-            jobTitle: "Менеджер",
-            priority: "-",
-            phone: "+7 (574) 364–53–36",
-            email: "antimag@gmail.com",
-            networks: [],
-            meeting: {
-              date: "14.07.22",
-              time: "17:30–21:30",
-            },
-          },
-        ],
+        dataClients,
       }));
       this.get("/registry/event/", () => ({
         count: 1,
@@ -76,6 +172,10 @@ export function clientsServer() {
         ],
       }));
       this.passthrough("http://45.84.227.122:8080/**");
+      this.get("/api/detail/:id", (schema, request) => {
+        let id = request.params.id;
+        return clientsDetail.find((el) => el.idClient === id);
+      });
     },
   });
 }