From 7686d4c8c37ce44c8bec3d88e3757ced17d37d40 Mon Sep 17 00:00:00 2001
From: Lukas <lukas@slucky.de>
Date: Fri, 14 Oct 2022 16:20:54 +0200
Subject: [PATCH] Use fallback icon on plugin page (#1268)

---
 docs/plugins/woodpecker-plugins/src/theme/Icons.tsx           | 4 ++--
 .../plugins/woodpecker-plugins/src/theme/WoodpeckerPlugin.tsx | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/docs/plugins/woodpecker-plugins/src/theme/Icons.tsx b/docs/plugins/woodpecker-plugins/src/theme/Icons.tsx
index 4bd734cf2..459dd9be1 100644
--- a/docs/plugins/woodpecker-plugins/src/theme/Icons.tsx
+++ b/docs/plugins/woodpecker-plugins/src/theme/Icons.tsx
@@ -44,8 +44,8 @@ export const IconWebsite = (size = 32) => (
   </svg>
 );
 
-export const IconPlugin = () => (
-  <svg style={{ width: '100%', maxWidth: '50px' }} viewBox="0 0 24 24">
+export const IconPlugin = (maxWidth = 50) => (
+  <svg style={{ width: '100%', maxWidth: `${maxWidth}px` }} viewBox="0 0 24 24">
     <g fill="none">
       <path d="M0 0h24v24H0z" />
       <path
diff --git a/docs/plugins/woodpecker-plugins/src/theme/WoodpeckerPlugin.tsx b/docs/plugins/woodpecker-plugins/src/theme/WoodpeckerPlugin.tsx
index eec8bd154..a79ac5a06 100644
--- a/docs/plugins/woodpecker-plugins/src/theme/WoodpeckerPlugin.tsx
+++ b/docs/plugins/woodpecker-plugins/src/theme/WoodpeckerPlugin.tsx
@@ -1,7 +1,7 @@
 import React from 'react';
 import Layout from '@theme/Layout';
 import { WoodpeckerPlugin as WoodpeckerPluginType } from '../types';
-import { IconContainer, IconVerified, IconWebsite } from './Icons';
+import { IconContainer, IconPlugin, IconVerified, IconWebsite } from './Icons';
 
 export function WoodpeckerPlugin({ plugin }: { plugin: WoodpeckerPluginType }) {
   return (
@@ -61,7 +61,7 @@ export function WoodpeckerPlugin({ plugin }: { plugin: WoodpeckerPluginType }) {
                 <p style={{ marginTop: '2rem', marginBottom: '1rem' }}>{plugin.description}</p>
               </div>
               <div className="col col--2">
-                <img src={plugin.icon} width="150" height="150" />
+                {plugin.icon ? <img src={plugin.icon} width="150" /> : IconPlugin(150)}
               </div>
             </div>
             <hr style={{ margin: '1rem 0' }} />