refactor

facebook · Aug 22, 2024 · 391f429 · 391f429
1 parent 0066de5
commit 391f429
Show file tree

Hide file tree

Showing 4 changed files with 17 additions and 14 deletions.
diff --git a/packages/docusaurus-theme-classic/src/theme/Blog/Components/Author/GeneratedImage/index.tsx b/packages/docusaurus-theme-classic/src/theme/Blog/Components/Author/GeneratedImage/index.tsx
@@ -9,7 +9,6 @@ import React from 'react';
 import clsx from 'clsx';
 import Link, {type Props as LinkProps} from '@docusaurus/Link';
 import type {Props} from '@theme/Blog/Components/Author/GeneratedImage';
-import styles from './styles.module.css';
 
 function MaybeLink(props: LinkProps): JSX.Element {
   if (props.href) {
@@ -26,10 +25,16 @@ export default function GeneratedImage({
   return (
     <MaybeLink href={link} className="avatar__photo-link">
       <svg
-        className={clsx('avatar__photo-link', styles.authorSvg, className)}
+        className={clsx('avatar__photo', className)}
         viewBox="0 0 72 72"
         xmlns="http://www.w3.org/2000/svg">
-        <circle cx="36" cy="36" r="36" fill="grey" />
+        <defs>
+          <linearGradient id="greyGradient" x1="0" y1="0" x2="1" y2="1">
+            <stop offset="0%" style={{stopColor: '#ccc', stopOpacity: 1}} />
+            <stop offset="100%" style={{stopColor: '#777', stopOpacity: 1}} />
+          </linearGradient>
+        </defs>
+        <circle cx="36" cy="36" r="36" fill="url(#greyGradient)" />
         <text
           x="50%"
           y="50%"

diff --git a/...ocusaurus-theme-classic/src/theme/Blog/Components/Author/GeneratedImage/styles.module.css b/...ocusaurus-theme-classic/src/theme/Blog/Components/Author/GeneratedImage/styles.module.css
diff --git a/packages/docusaurus-theme-classic/src/theme/Blog/Components/Author/styles.module.css b/packages/docusaurus-theme-classic/src/theme/Blog/Components/Author/styles.module.css
@@ -7,6 +7,7 @@
 
 .authorImage {
   --ifm-avatar-photo-size: 3.6rem;
+  background: grey;
 }
 
 .author-as-h1 .authorImage {

diff --git a/website/_dogfooding/_blog tests/authors.yml b/website/_dogfooding/_blog tests/authors.yml
@@ -9,3 +9,11 @@ slorber:
 ozaki:
   name: ozaki
   page: {permalink: '/custom/ozaki/permalink'}
+
+john:
+  name: John Doe
+  page: true
+
+bob:
+  name: Bob Smith
+  page: true