linting fixes; fix a margin

waggle-sensor · Oct 13, 2023 · 3c565d7 · 3c565d7
1 parent 3a5a092
commit 3c565d7
Show file tree

Hide file tree

Showing 5 changed files with 17 additions and 15 deletions.
diff --git a/src/theme/partners/BlogLayout/index.js b/src/theme/partners/BlogLayout/index.js
@@ -5,7 +5,7 @@ import BlogSidebar from '@theme/BlogSidebar';
 import CustomPartnerSidebar from '../CustomPartnerSidebar';
 
 export default function BlogLayout(props) {
-  const {sidebar, toc, children, ...layoutProps} = props;
+  const {sidebar, children, ...layoutProps} = props;
   const hasSidebar = sidebar && sidebar.items.length > 0;
 
   return (

diff --git a/src/theme/partners/BlogPostItem/Header/Title/styles.module.css b/src/theme/partners/BlogPostItem/Header/Title/styles.module.css
@@ -13,5 +13,5 @@
 
 /* override: first header margin in partner stories */
 h2:first-child {
-  margin: 0;
+  margin-top: 0;
 }
diff --git a/src/theme/partners/CustomPartnerSidebar/index.tsx b/src/theme/partners/CustomPartnerSidebar/index.tsx
@@ -1,8 +1,8 @@
 import React from 'react';
 import {useBlogPost} from '@docusaurus/theme-common/internal';
 import partners from '@site/static/img/partners/partners';
-import useBaseUrl from '@docusaurus/useBaseUrl';
 
+import { PartnerFrontMatter } from '../partner';
 
 const findInfo = (tag: string) =>
   partners.find(({id, name}) => {
@@ -19,7 +19,7 @@ const shortUrl = (url: string) =>
 export default function CustomPartnerSidebar() {
   const {metadata} = useBlogPost();
   const {frontMatter} = metadata;
-  const {project_id, partner_tags} = frontMatter;
+  const {project_id, partner_tags} = frontMatter as PartnerFrontMatter;
 
   const partner = partners.find(obj => obj.id == project_id)
   const {url} = partner || {}
@@ -41,15 +41,15 @@ export default function CustomPartnerSidebar() {
           <ul className="list-none p-0">
             {partner_tags.map(tag => {
               const {name, url, logo} = findInfo(tag) || {}
-              const imgSrc = useBaseUrl(logo)
+              const img = require(`@site/static/${logo}`).default
 
               let item;
               if (logo && url)
-                item = <a href={url} target="_blank" rel="noreferrer">
-                  <img src={imgSrc} className="max-w-[200px]" />
+                item = <a href={img} target="_blank" rel="noreferrer">
+                  <img src={img} className="max-w-[200px]" />
                 </a>
               else if (logo && !url)
-                item = <img src={imgSrc} className="max-w-[200px]" />
+                item = <img src={img} className="max-w-[200px]" />
               else if (!logo && url)
                 item = <a href={url} target="_blank" rel="noreferrer">{name || tag}</a>
               else

diff --git a/src/theme/partners/PartnerPostItems/index.js b/src/theme/partners/PartnerPostItems/index.js
@@ -1,20 +1,15 @@
 import React from 'react';
 import Link from '@docusaurus/Link';
 import {BlogPostProvider} from '@docusaurus/theme-common/internal';
-import BlogPostItem from '@theme/partners/BlogPostItem';
 
 import partners from '@site/static/img/partners/partners';
 import Arrow from '@mui/icons-material/PlayCircleOutlineRounded'
 
-export default function BlogPostItems({
-  items,
-  component: BlogPostItemComponent = BlogPostItem,
-}) {
-
+export default function BlogPostItems({items}) {
   return (
     <>
       {items.map(({content: BlogPostContent}) => {
-        const {frontMatter, description} = BlogPostContent.metadata;
+        const {frontMatter} = BlogPostContent.metadata;
         const {project_id, title} = frontMatter;
 
         const partner = partners.find(obj => obj.id == project_id);

diff --git a/src/theme/partners/partner.d.ts b/src/theme/partners/partner.d.ts
@@ -0,0 +1,7 @@
+import {BlogPostMetadata} from '@docusaurus/plugin-content-blog';
+
+// extend front matter for partner markdown
+export type PartnerFrontMatter = BlogPostMetadata & {
+  project_id: string
+  partner_tags: string[]
+}