From f1069f3124136eb1760a31dc43004e6cbbc40518 Mon Sep 17 00:00:00 2001
From: Roland Schneider <rschneider@ucs.at>
Date: Tue, 26 Aug 2025 22:07:19 +0200
Subject: [PATCH] [yoga-21] footer.component.tsx add editable image

---
 yoga-app/src/api/strapi/query/about.json              |  3 +++
 yoga-app/src/api/strapi/query/contact.json            |  3 +++
 yoga-app/src/api/strapi/query/faq.json                |  3 +++
 yoga-app/src/api/strapi/query/home.json               |  3 +++
 yoga-app/src/api/strapi/query/prices.json             |  3 +++
 yoga-app/src/api/strapi/query/service-list.json       |  3 +++
 yoga-app/src/api/strapi/query/service.json            |  3 +++
 yoga-app/src/api/strapi/query/services.json           |  3 +++
 yoga-app/src/components/footer.component.tsx          | 11 ++++++++---
 .../generated-strapi-interfaces/api/yoga-footer.ts    |  7 +++++++
 .../generated-strapi-interfaces/api/yoga-footer.ts    |  7 +++++++
 .../yoga-footer/content-types/yoga-footer/schema.json |  8 ++++++++
 yoga-cms/types/generated/contentTypes.d.ts            |  1 +
 13 files changed, 55 insertions(+), 3 deletions(-)

diff --git a/yoga-app/src/api/strapi/query/about.json b/yoga-app/src/api/strapi/query/about.json
index 1b7e32f..45a1686 100644
--- a/yoga-app/src/api/strapi/query/about.json
+++ b/yoga-app/src/api/strapi/query/about.json
@@ -88,6 +88,9 @@
         },
         "contactUsPhoneNumber": {
           "fields": ["*"]
+        },
+        "logo": {
+          "fields": ["name","mime","url"]
         }
       }
     }
diff --git a/yoga-app/src/api/strapi/query/contact.json b/yoga-app/src/api/strapi/query/contact.json
index 1398177..0158853 100644
--- a/yoga-app/src/api/strapi/query/contact.json
+++ b/yoga-app/src/api/strapi/query/contact.json
@@ -32,6 +32,9 @@
         },
         "contactUsPhoneNumber": {
           "fields": ["*"]
+        },
+        "logo": {
+          "fields": ["name","mime","url"]
         }
       }
     }
diff --git a/yoga-app/src/api/strapi/query/faq.json b/yoga-app/src/api/strapi/query/faq.json
index d06d1ff..d42d83e 100644
--- a/yoga-app/src/api/strapi/query/faq.json
+++ b/yoga-app/src/api/strapi/query/faq.json
@@ -67,6 +67,9 @@
         },
         "contactUsPhoneNumber": {
           "fields": ["*"]
+        },
+        "logo": {
+          "fields": ["name","mime","url"]
         }
       }
     }
diff --git a/yoga-app/src/api/strapi/query/home.json b/yoga-app/src/api/strapi/query/home.json
index 755460f..8820cd0 100644
--- a/yoga-app/src/api/strapi/query/home.json
+++ b/yoga-app/src/api/strapi/query/home.json
@@ -36,6 +36,9 @@
         },
         "contactUsPhoneNumber": {
           "fields": ["*"]
+        },
+        "logo": {
+          "fields": ["name","mime","url"]
         }
       }
     },
diff --git a/yoga-app/src/api/strapi/query/prices.json b/yoga-app/src/api/strapi/query/prices.json
index cd9e9cf..2a84799 100644
--- a/yoga-app/src/api/strapi/query/prices.json
+++ b/yoga-app/src/api/strapi/query/prices.json
@@ -64,6 +64,9 @@
         },
         "contactUsPhoneNumber": {
           "fields": ["*"]
+        },
+        "logo": {
+          "fields": ["name","mime","url"]
         }
       }
     }
diff --git a/yoga-app/src/api/strapi/query/service-list.json b/yoga-app/src/api/strapi/query/service-list.json
index b60e7d8..998708a 100644
--- a/yoga-app/src/api/strapi/query/service-list.json
+++ b/yoga-app/src/api/strapi/query/service-list.json
@@ -34,6 +34,9 @@
         },
         "contactUsPhoneNumber": {
           "fields": ["*"]
+        },
+        "logo": {
+          "fields": ["name","mime","url"]
         }
       }
     }
diff --git a/yoga-app/src/api/strapi/query/service.json b/yoga-app/src/api/strapi/query/service.json
index a23ed74..3904856 100644
--- a/yoga-app/src/api/strapi/query/service.json
+++ b/yoga-app/src/api/strapi/query/service.json
@@ -26,6 +26,9 @@
         },
         "contactUsPhoneNumber": {
           "fields": ["*"]
+        },
+        "logo": {
+          "fields": ["name","mime","url"]
         }
       }
     }
diff --git a/yoga-app/src/api/strapi/query/services.json b/yoga-app/src/api/strapi/query/services.json
index c7eaf42..c430fc4 100644
--- a/yoga-app/src/api/strapi/query/services.json
+++ b/yoga-app/src/api/strapi/query/services.json
@@ -106,6 +106,9 @@
         },
         "contactUsPhoneNumber": {
           "fields": ["*"]
+        },
+        "logo": {
+          "fields": ["name","mime","url"]
         }
       }
     }
diff --git a/yoga-app/src/components/footer.component.tsx b/yoga-app/src/components/footer.component.tsx
index bbb409e..76917bf 100644
--- a/yoga-app/src/components/footer.component.tsx
+++ b/yoga-app/src/components/footer.component.tsx
@@ -1,6 +1,8 @@
 import Link from "next/link";
 import YogaImageComponent from "@/components/yoga.image.component";
 import {YogaFooter_Plain} from "@/types/generated-strapi-interfaces/api/yoga-footer";
+import {StrapiFile} from "@/types/types";
+import strapiApi from "@/api/strapi/strapi-api";
 
 export interface Props{
     config: YogaFooter_Plain
@@ -14,10 +16,13 @@ const FooterComponent = ({ config: {
     contactUsEmail,
     contactUsLocation,
     contactUsPhoneNumber,
-    copyRight
+    copyRight,
+    logo = undefined
 } }: Props) => {
 
-
+    const imageFile: StrapiFile =  logo as StrapiFile;
+    const imageUrl = strapiApi.getImageUrl(imageFile?.url)
+    console.info("imageUrl", imageUrl);
 
     return (<section className="footer-section" id="footer_section">
             <div className="container">
@@ -26,7 +31,7 @@ const FooterComponent = ({ config: {
                         <div className="col-lg-3 col-md-4 col-sm-6 col-xs-12 d-lg-block d-none">
                             <div className="footer_logo">
                                 <Link href="/index.html" className="text-decoration-none">
-                                    <figure className="mb-0"><YogaImageComponent src="/assets/images/footer_logo.png" alt=""
+                                    <figure className="mb-0"><YogaImageComponent src={imageUrl} alt=""
                                                                   className="img-fluid"/></figure>
                                 </Link>
                             </div>
diff --git a/yoga-app/src/types/generated-strapi-interfaces/api/yoga-footer.ts b/yoga-app/src/types/generated-strapi-interfaces/api/yoga-footer.ts
index 45138d4..31a987e 100644
--- a/yoga-app/src/types/generated-strapi-interfaces/api/yoga-footer.ts
+++ b/yoga-app/src/types/generated-strapi-interfaces/api/yoga-footer.ts
@@ -1,8 +1,11 @@
 // Interface automatically generated by schemas-to-ts
 
 import { Link } from '../components/yoga-site/Link';
+import { Media } from '../components/shared/Media';
 import { Link_Plain } from '../components/yoga-site/Link';
+import { Media_Plain } from '../components/shared/Media';
 import { Link_NoRelations } from '../components/yoga-site/Link';
+import { AdminPanelRelationPropertyModification } from '../common/AdminPanelRelationPropertyModification';
 
 export interface YogaFooter {
   id: number;
@@ -17,6 +20,7 @@ export interface YogaFooter {
     contactUsLocation?: Link;
     copyRight?: string;
     name?: string;
+    logo?: { data: Media };
   };
 }
 export interface YogaFooter_Plain {
@@ -31,6 +35,7 @@ export interface YogaFooter_Plain {
   contactUsLocation?: Link_Plain;
   copyRight?: string;
   name?: string;
+  logo?: Media_Plain;
 }
 
 export interface YogaFooter_NoRelations {
@@ -45,6 +50,7 @@ export interface YogaFooter_NoRelations {
   contactUsLocation?: Link_NoRelations;
   copyRight?: string;
   name?: string;
+  logo?: number;
 }
 
 export interface YogaFooter_AdminPanelLifeCycle {
@@ -59,4 +65,5 @@ export interface YogaFooter_AdminPanelLifeCycle {
   contactUsLocation?: Link_Plain;
   copyRight?: string;
   name?: string;
+  logo?: AdminPanelRelationPropertyModification<Media_Plain>;
 }
diff --git a/yoga-cms/generated-strapi-interfaces/api/yoga-footer.ts b/yoga-cms/generated-strapi-interfaces/api/yoga-footer.ts
index 45138d4..31a987e 100644
--- a/yoga-cms/generated-strapi-interfaces/api/yoga-footer.ts
+++ b/yoga-cms/generated-strapi-interfaces/api/yoga-footer.ts
@@ -1,8 +1,11 @@
 // Interface automatically generated by schemas-to-ts
 
 import { Link } from '../components/yoga-site/Link';
+import { Media } from '../components/shared/Media';
 import { Link_Plain } from '../components/yoga-site/Link';
+import { Media_Plain } from '../components/shared/Media';
 import { Link_NoRelations } from '../components/yoga-site/Link';
+import { AdminPanelRelationPropertyModification } from '../common/AdminPanelRelationPropertyModification';
 
 export interface YogaFooter {
   id: number;
@@ -17,6 +20,7 @@ export interface YogaFooter {
     contactUsLocation?: Link;
     copyRight?: string;
     name?: string;
+    logo?: { data: Media };
   };
 }
 export interface YogaFooter_Plain {
@@ -31,6 +35,7 @@ export interface YogaFooter_Plain {
   contactUsLocation?: Link_Plain;
   copyRight?: string;
   name?: string;
+  logo?: Media_Plain;
 }
 
 export interface YogaFooter_NoRelations {
@@ -45,6 +50,7 @@ export interface YogaFooter_NoRelations {
   contactUsLocation?: Link_NoRelations;
   copyRight?: string;
   name?: string;
+  logo?: number;
 }
 
 export interface YogaFooter_AdminPanelLifeCycle {
@@ -59,4 +65,5 @@ export interface YogaFooter_AdminPanelLifeCycle {
   contactUsLocation?: Link_Plain;
   copyRight?: string;
   name?: string;
+  logo?: AdminPanelRelationPropertyModification<Media_Plain>;
 }
diff --git a/yoga-cms/src/api/yoga-footer/content-types/yoga-footer/schema.json b/yoga-cms/src/api/yoga-footer/content-types/yoga-footer/schema.json
index d5c4921..6ff25c5 100644
--- a/yoga-cms/src/api/yoga-footer/content-types/yoga-footer/schema.json
+++ b/yoga-cms/src/api/yoga-footer/content-types/yoga-footer/schema.json
@@ -50,6 +50,14 @@
     },
     "name": {
       "type": "string"
+    },
+    "logo": {
+      "allowedTypes": [
+        "images",
+        "files"
+      ],
+      "type": "media",
+      "multiple": false
     }
   }
 }
diff --git a/yoga-cms/types/generated/contentTypes.d.ts b/yoga-cms/types/generated/contentTypes.d.ts
index 78604d9..bf54d11 100644
--- a/yoga-cms/types/generated/contentTypes.d.ts
+++ b/yoga-cms/types/generated/contentTypes.d.ts
@@ -1593,6 +1593,7 @@ export interface ApiYogaFooterYogaFooter extends Struct.CollectionTypeSchema {
       'api::yoga-footer.yoga-footer'
     > &
       Schema.Attribute.Private;
+    logo: Schema.Attribute.Media<'images' | 'files'>;
     name: Schema.Attribute.String;
     publishedAt: Schema.Attribute.DateTime;
     quickLinksHeader: Schema.Attribute.String;