From 6d7199367cf42cf0205599b16a6e7fe2a6e1015b Mon Sep 17 00:00:00 2001
From: nmsderp <130254323+nmsderp@users.noreply.github.com>
Date: Tue, 13 Feb 2024 18:56:19 -0500
Subject: [PATCH] new font

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

diff --git a/src/components/font-dropdown/font-dropdown.jsx b/src/components/font-dropdown/font-dropdown.jsx
index 0cf94c4eaf..f74138e8dc 100644
--- a/src/components/font-dropdown/font-dropdown.jsx
+++ b/src/components/font-dropdown/font-dropdown.jsx
@@ -110,6 +110,16 @@ const ModeToolsComponent = props => (
                         getFontName={props.getFontName}
                     />
                 </Button>
+                <Button
+                    className={classNames(styles.modMenuItem)}
+                    onClick={props.onChoose}
+                    onMouseOver={props.onHoverHandjet}
+                >
+                    <DisplayFont
+                        font={Fonts.HANDJET}
+                        getFontName={props.getFontName}
+                    />
+                </Button>
                 <Button
                     className={classNames(styles.modMenuItem)}
                     onClick={props.onChoose}
@@ -271,6 +281,7 @@ ModeToolsComponent.propTypes = {
     onHoverPixel: PropTypes.func,
     onHoverPlayful: PropTypes.func,
     onHoverBubbly: PropTypes.func,
+    onHoverHandjet: PropTypes.func,
     onHoverBitsAndBytes: PropTypes.func,
     onHoverTechnological: PropTypes.func,
     onHoverArcade: PropTypes.func,
diff --git a/src/containers/font-dropdown.jsx b/src/containers/font-dropdown.jsx
index 7cc945bdf5..dbbb9b66b6 100644
--- a/src/containers/font-dropdown.jsx
+++ b/src/containers/font-dropdown.jsx
@@ -25,6 +25,7 @@ class FontDropdown extends React.Component {
             'handleChangeFontPixel',
             'handleChangeFontPlayful',
             'handleChangeFontBubbly',
+            'handleChangeFontHandjet',
             'handleChangeFontTechnological',
             'handleChangeFontBitsAndBytes',
             'handleChangeFontArcade',
@@ -241,6 +242,11 @@ class FontDropdown extends React.Component {
             this.props.changeFont(Fonts.BUBBLY);
         }
     }
+    handleChangeFontHandjet() {
+        if (this.dropDown.isOpen()) {
+            this.props.changeFont(Fonts.HANDJET);
+        }
+    }
     handleChangeFontTechnological() {
         if (this.dropDown.isOpen()) {
             this.props.changeFont(Fonts.TECHNOLOGICAL);
@@ -380,6 +386,7 @@ class FontDropdown extends React.Component {
                 onHoverPixel={this.handleChangeFontPixel}
                 onHoverPlayful={this.handleChangeFontPlayful}
                 onHoverBubbly={this.handleChangeFontBubbly}
+                onHoverHandjet={this.handleChangeFontHandjet}
                 onHoverBitsAndBytes={this.handleChangeFontBitsAndBytes}
                 onHoverTechnological={this.handleChangeFontTechnological}
                 onHoverArcade={this.handleChangeFontArcade}
diff --git a/src/lib/fonts.js b/src/lib/fonts.js
index 2ada933ea6..bcbdb516db 100644
--- a/src/lib/fonts.js
+++ b/src/lib/fonts.js
@@ -7,6 +7,7 @@ const Fonts = {
     PIXEL: 'Pixel',
     PLAYFUL: 'Playful',
     BUBBLY: 'Bubbly',
+    HANDJET: 'Handjet',
     BITSANDBYTES: 'Bits and Bytes',
     TECHNOLOGICAL: 'Technological',
     ARCADE: 'Arcade',