From 3c565d7d9f7a4f8e5856fe5c07bd4482795762f0 Mon Sep 17 00:00:00 2001
From: nconrad <1194246+nconrad@users.noreply.github.com>
Date: Fri, 13 Oct 2023 14:43:55 -0500
Subject: [PATCH] linting fixes; fix a margin

---
 src/theme/partners/BlogLayout/index.js               |  2 +-
 .../BlogPostItem/Header/Title/styles.module.css      |  2 +-
 src/theme/partners/CustomPartnerSidebar/index.tsx    | 12 ++++++------
 src/theme/partners/PartnerPostItems/index.js         |  9 ++-------
 src/theme/partners/partner.d.ts                      |  7 +++++++
 5 files changed, 17 insertions(+), 15 deletions(-)
 create mode 100644 src/theme/partners/partner.d.ts

diff --git a/src/theme/partners/BlogLayout/index.js b/src/theme/partners/BlogLayout/index.js
index 2c4862c6..b8b54c51 100644
--- 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
index 9b54936b..25f6b840 100644
--- 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
index d0eae8fe..cb242fc3 100644
--- 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
index c2464b17..828c3ac0 100644
--- 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
new file mode 100644
index 00000000..63b3c561
--- /dev/null
+++ 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[]
+}
\ No newline at end of file