♻️ Rename logo to img in Maintenance component

Author: Frontendland

src/blocks/Maintenance/Maintenance.astro

@@ -6,7 +6,7 @@ import styles from './maintenance.module.scss'
 interface Props extends MaintenanceProps {}
 
 const {
-    logo,
+    img,
     animated = true,
     title = 'Under Maintenance',
     subTitle = 'We are performing scheduled maintenance.',
@@ -21,12 +21,12 @@ const classes = [
 ---
 
 <section class:list={classes}>
-    {logo?.url ? (
+    {img?.url ? (
         <img
-            src={logo.url}
-            alt={logo.alt || 'Logo'}
-            width={logo.width}
-            height={logo.height}
+            src={img.url}
+            alt={img.alt || title}
+            width={img.width}
+            height={img.height}
         />
     ) : <Fragment set:html={cog} />}
     <h1 class={styles.title}>{title}</h1>

src/blocks/Maintenance/Maintenance.svelte

@@ -6,7 +6,7 @@
     import styles from './maintenance.module.scss'
 
     const {
-        logo,
+        img,
         animated = true,
         title = 'Under Maintenance',
         subTitle = 'We are performing scheduled maintenance.',
@@ -21,12 +21,12 @@
 </script>
 
 <section class={classes}>
-    {#if logo?.url}
+    {#if img?.url}
         <img
-            src={logo.url}
-            alt={logo.alt || 'Logo'}
-            width={logo.width}
-            height={logo.height}
+            src={img.url}
+            alt={img.alt || title}
+            width={img.width}
+            height={img.height}
         />
     {:else}
         {@html cog}

src/blocks/Maintenance/Maintenance.tsx

@@ -6,7 +6,7 @@ import cog from './cog.svg?raw'
 import styles from './maintenance.module.scss'
 
 const Maintenance = ({
-    logo,
+    img,
     animated = true,
     title = 'Under Maintenance',
     subTitle = 'We are performing scheduled maintenance.',
@@ -20,12 +20,12 @@ const Maintenance = ({
 
     return (
         <section className={classes}>
-            {logo?.url ? (
+            {img?.url ? (
                 <img
-                    src={logo.url}
-                    alt={logo.alt || 'Logo'}
-                    width={logo.width}
-                    height={logo.height}
+                    src={img.url}
+                    alt={img.alt || title}
+                    width={img.width}
+                    height={img.height}
                 />
             ) : <span dangerouslySetInnerHTML={{ __html: cog }} />}
             <h1 className={styles.title}>{title}</h1>

src/blocks/Maintenance/maintenance.ts

@@ -1,5 +1,5 @@
 export type MaintenanceProps = {
-    logo?: {
+    img?: {
         url: string
         alt: string
         width: number

src/pages/blocks/maintenance.astro

@@ -41,7 +41,7 @@ const sections = getSections({
 
             <Card title="Custom data">
                 <section.component
-                    logo={{ url: '/img/logo.png' }}
+                    img={{ url: '/img/logo.png' }}
                     title="Maintenance"
                     subTitle="We are currently doing scheduled maintenance. Our website will be back up and running shortly.<br />Keep up to date about our status on our <a href='#'>X</a> profile."
                 />