social_network

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>