From eeb959bda166a4a5a5cd3b3b88fc266d3f7b4f66 Mon Sep 17 00:00:00 2001
From: Giulio De Pasquale <depasquale@giugl.io>
Date: Fri, 18 Dec 2020 19:00:02 +0000
Subject: [PATCH] added optional logo as JSX.Element

---
 websrc/components/HCard.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/websrc/components/HCard.tsx b/websrc/components/HCard.tsx
index ffe5712..d947181 100644
--- a/websrc/components/HCard.tsx
+++ b/websrc/components/HCard.tsx
@@ -3,6 +3,7 @@ import React, {Component} from 'react';
 type CardProps = {
     title: string,
     content: string,
+    logo?: JSX.Element,
 }
 
 
@@ -13,8 +14,8 @@ export class SidebarCard extends Component<CardProps> {
 
     render() {
         return (
-            <div className="bg-gray-300 mt-2 mx-4 rounded p-4">
-                <div className="text-gray-600">{this.props.title}</div>
+            <div className="bg-gray-300 mt-2 mx-2 rounded p-2 flex flex-col items-center">
+                <div className="text-gray-600">{this.props.logo} {this.props.title}</div>
                 <div className="mt-1 mx-auto text-center text-3xl font-semibold">{this.props.content}</div>
             </div>
         )