Merge pull request #4 from culturecreates/feature/issue-108

feat: calendar logo added
culturecreates · Jan 12, 2024 · 0c15e69 · 0c15e69
2 parents ff1bbc3 + 2e4fe38
commit 0c15e69
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 0 deletions.
diff --git a/public/index.html b/public/index.html
@@ -36,6 +36,7 @@
       data-calendar="tout-culture"
       data-color="#e31818"
       data-limit="9"
+      data-logo="https://cdn.footlight.io/iiif/3/tout-culture-logo.png/0,0,1620,1080/400,/0/default.png"
     ></div>
   </body>
 </html>
diff --git a/src/components/footer/Footer.jsx b/src/components/footer/Footer.jsx
@@ -17,6 +17,9 @@ const Footer = () => {
       <div className="provided-by-container">
         <span className="text">{t('footer.providedBy')}</span>
         <span className="calendar-name">{calendarName}</span>
+        <div className="calendar-logo">
+          <img src={widgetProps?.calendarLogo} />
+        </div>
       </div>
     </footer>
   );

diff --git a/src/components/footer/footer.css b/src/components/footer/footer.css
@@ -43,3 +43,11 @@
   border-bottom: 1px solid var(--dynamic-color-700);
   color: var(--dynamic-color-700);
 }
+
+#calendar-widget > .widget-layout .footer .provided-by-container .calendar-logo {
+  margin-left: 3px;
+}
+
+#calendar-widget > .widget-layout .footer .provided-by-container .calendar-logo > img {
+  width: 16px;
+}
diff --git a/src/index.js b/src/index.js
@@ -16,6 +16,7 @@ root.render(
       calendar={calendarWidget.dataset.calendar}
       color={calendarWidget.dataset.color}
       limit={calendarWidget.dataset.limit}
+      calendarLogo={calendarWidget.dataset.logo}
     />
   </React.StrictMode>,
 );