From a53357ef7f2baea20a64ef2b15742ec4e0e226de Mon Sep 17 00:00:00 2001
From: nmsderp <130254323+nmsderp@users.noreply.github.com>
Date: Thu, 15 Feb 2024 18:24:09 -0500
Subject: [PATCH] this will be used for alot of memes

---
 src/components/font-dropdown/font-dropdown.jsx | 11 +++++++++++
 src/containers/font-dropdown.jsx               |  7 +++++++
 src/lib/fonts.js                               |  3 ++-
 3 files changed, 20 insertions(+), 1 deletion(-)

diff --git a/src/components/font-dropdown/font-dropdown.jsx b/src/components/font-dropdown/font-dropdown.jsx
index 5968808fba..2fcabaec64 100644
--- a/src/components/font-dropdown/font-dropdown.jsx
+++ b/src/components/font-dropdown/font-dropdown.jsx
@@ -120,6 +120,16 @@ const ModeToolsComponent = props => (
                         getFontName={props.getFontName}
                     />
                 </Button>
+                <Button
+                    className={classNames(styles.modMenuItem)}
+                    onClick={props.onChoose}
+                    onMouseOver={props.onHoverComic}
+                >
+                    <DisplayFont
+                        font={Fonts.COMIC}
+                        getFontName={props.getFontName}
+                    />
+                </Button>
                 <Button
                     className={classNames(styles.modMenuItem)}
                     onClick={props.onChoose}
@@ -282,6 +292,7 @@ ModeToolsComponent.propTypes = {
     onHoverPlayful: PropTypes.func,
     onHoverBubbly: PropTypes.func,
     onHoverHandjet: PropTypes.func,
+    onHoverComic: PropTypes.func,
    // onHoverLucky: PropTypes.func,
     onHoverBitsAndBytes: PropTypes.func,
     onHoverTechnological: PropTypes.func,
diff --git a/src/containers/font-dropdown.jsx b/src/containers/font-dropdown.jsx
index d1222ae0c0..1740a2e8e5 100644
--- a/src/containers/font-dropdown.jsx
+++ b/src/containers/font-dropdown.jsx
@@ -26,6 +26,7 @@ class FontDropdown extends React.Component {
             'handleChangeFontPlayful',
             'handleChangeFontBubbly',
             'handleChangeFontHandjet',
+            'handleChangeFontComic',
           //  'handleChangeFontLucky',
             'handleChangeFontTechnological',
             'handleChangeFontBitsAndBytes',
@@ -248,6 +249,11 @@ class FontDropdown extends React.Component {
             this.props.changeFont(Fonts.HANDJET);
         }
     }
+    handleChangeFontComic() {
+        if (this.dropDown.isOpen()) {
+            this.props.changeFont(Fonts.COMIC);
+        }
+    }
     //handleChangeFontLucky() {
         //if (this.dropDown.isOpen()) {
             //this.props.changeFont(Fonts.LUCKY);
@@ -393,6 +399,7 @@ class FontDropdown extends React.Component {
                 onHoverPlayful={this.handleChangeFontPlayful}
                 onHoverBubbly={this.handleChangeFontBubbly}
                 onHoverHandjet={this.handleChangeFontHandjet}
+                onHoverComic={this.handleChangeFontComic}
              //   onHoverLucky={this.handleChangeFontLucky}
                 onHoverBitsAndBytes={this.handleChangeFontBitsAndBytes}
                 onHoverTechnological={this.handleChangeFontTechnological}
diff --git a/src/lib/fonts.js b/src/lib/fonts.js
index 2b263aea65..1a2dd9daa1 100644
--- a/src/lib/fonts.js
+++ b/src/lib/fonts.js
@@ -17,7 +17,8 @@ const Fonts = {
     SCRATCH: 'Scratch',
     CHINESE: '"Microsoft YaHei", "微软雅黑", STXihei, "华文细黑"',
     JAPANESE: '"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic"',
-    KOREAN: 'Malgun Gothic'
+    COMIC: 'Comic Sans'
+
 };
 
 export default Fonts;