From 3b0aa455ddd27f6cec1452c06f13ae7581f3b96a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=D0=97=D0=B5=D0=BB=D0=B5=D0=BD=D1=81=D0=BA=D0=B0=D1=8F=20?=
 =?UTF-8?q?=D0=90=D0=BD=D0=B0=D1=81=D1=82=D0=B0=D1=81=D0=B8=D1=8F=20=D0=9D?=
 =?UTF-8?q?=D0=B8=D0=BA=D0=BE=D0=BB=D0=B0=D0=B5=D0=B2=D0=BD=D0=B0?=
 <a.zelenskaya@svs-tech.pro>
Date: Wed, 5 Jun 2024 17:01:14 +0300
Subject: [PATCH] social_network

---
 app.vue | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/app.vue b/app.vue
index 29b77b0..815cee1 100644
--- a/app.vue
+++ b/app.vue
@@ -38,6 +38,14 @@ type ApiFooterType = {
   small_text: boolean
 }
 
+type ApiSocial_networkType = {
+  id: number
+  name: string
+  link: string
+  image: Image
+}
+
+
 import '@/assets/main.scss'
 
 const { data: seoData } = await useFetch<ApiKpType>(`${apiBase}/kp/1`)
@@ -59,6 +67,7 @@ const reviews = (pagesData.value as ApiPagesType[]).find(el => el.slug == 'clien
 const delivery = (pagesData.value as ApiPagesType[]).find(el => el.slug == 'delivery')
 
 const { data: footerData } = await useFetch<ApiFooterType[]>(`${apiBase}/footer/?ordering=small_text`)
+const { data: social_networkData } = await useFetch(`${apiBase}/social_network/?ordering=small_text`)
 
 const isModalOpen = useState('modal_open', () => false)
 const toggleModal = () => {
@@ -126,7 +135,7 @@ const toggleModal = () => {
       <Calculator />
     </div>
     <div class="footer">
-      <div class="container">
+       <div class="container">
         <div class="k-logo">
           <k_logo />
         </div>
@@ -134,7 +143,11 @@ const toggleModal = () => {
           <div class="footer-text" :class="[{ 'footer-text-small': item.small_text }]">{{ item.text }}</div>
         </template>
       </div>
+      <template v-for="item in social_networkData">
+          <div class="social_network-name" :class="[{ 'social_network-name-small': item.link }]">{{ item.name }}</div>
+        </template>
     </div>
     <Modal />
+
   </div>
 </template>