From 28830dd3d2261a6b48289a7b5e08c149dc6a656c Mon Sep 17 00:00:00 2001
From: David Lechner <david@pybricks.com>
Date: Fri, 15 Jan 2021 14:34:00 -0600
Subject: [PATCH] add icon to about dialog

---
 src/components/AboutDialog.tsx | 5 +++++
 src/components/about.scss      | 7 +++++++
 2 files changed, 12 insertions(+)
 create mode 100644 src/components/about.scss

diff --git a/src/components/AboutDialog.tsx b/src/components/AboutDialog.tsx
index 6de10b1a..261098e1 100644
--- a/src/components/AboutDialog.tsx
+++ b/src/components/AboutDialog.tsx
@@ -19,6 +19,8 @@ import {
 import { AboutStringId } from './about-i18n';
 import en from './about-i18n.en.json';
 
+import './about.scss';
+
 type StateProps = { showAboutDialog: boolean };
 
 type DispatchProps = { onClose: () => void };
@@ -31,6 +33,9 @@ class AboutDialog extends React.Component<AboutDialogProps> {
         return (
             <Dialog title={appName} isOpen={showAboutDialog} onClose={() => onClose()}>
                 <div className={Classes.DIALOG_BODY}>
+                    <div className="pb-about-icon">
+                        <img src="favicon.ico" />
+                    </div>
                     <p>
                         <strong>{i18n.translate(AboutStringId.Description)}</strong>
                     </p>
diff --git a/src/components/about.scss b/src/components/about.scss
new file mode 100644
index 00000000..d27e8f69
--- /dev/null
+++ b/src/components/about.scss
@@ -0,0 +1,7 @@
+// SPDX-License-Identifier: MIT
+// Copyright (c) 2021 The Pybricks Authors
+
+.pb-about-icon {
+    float: left;
+    margin-right: 10px;
+}