From 66b11134c09f300ecf5d08d0210416355b802dd5 Mon Sep 17 00:00:00 2001
From: David Ralph <ohlookitsderpy@protonmail.com>
Date: Thu, 18 Mar 2021 21:43:28 +0000
Subject: [PATCH] feat: date nth setting

---
 src/components/ErrorBoundary.jsx                       | 2 +-
 src/components/modals/settings/sections/Appearance.jsx | 2 +-
 src/components/modals/settings/sections/Time.jsx       | 1 +
 src/components/widgets/background/scss/index.scss      | 1 +
 src/translations/en-GB.json                            | 1 +
 5 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/components/ErrorBoundary.jsx b/src/components/ErrorBoundary.jsx
index 4c5cac3c..f64d3566 100644
--- a/src/components/ErrorBoundary.jsx
+++ b/src/components/ErrorBoundary.jsx
@@ -23,7 +23,7 @@ export default class ErrorBoundary extends React.PureComponent {
           <p>Failed to load this component of Mue.</p>
           <button className='refresh' onClick={() => window.location.reload()}>Refresh</button>
         </div>
-      )
+      );
     }
 
     return this.props.children;
diff --git a/src/components/modals/settings/sections/Appearance.jsx b/src/components/modals/settings/sections/Appearance.jsx
index fcb9c17c..3e71dc00 100644
--- a/src/components/modals/settings/sections/Appearance.jsx
+++ b/src/components/modals/settings/sections/Appearance.jsx
@@ -47,7 +47,7 @@ export default class AppearanceSettings extends React.PureComponent {
   componentDidUpdate() {
     localStorage.setItem('zoom', this.state.zoom);
     localStorage.setItem('toastDisplayTime', this.state.toast_duration);
-    localStorage.setItem('font', this.state.font);
+    localStorage.setItem('font', this.state.font.charAt(0).toUpperCase() + this.state.font.slice(1));
   }
 
   render() {
diff --git a/src/components/modals/settings/sections/Time.jsx b/src/components/modals/settings/sections/Time.jsx
index 7fd8718f..78ac8074 100644
--- a/src/components/modals/settings/sections/Time.jsx
+++ b/src/components/modals/settings/sections/Time.jsx
@@ -68,6 +68,7 @@ export default class TimeSettings extends React.PureComponent {
         <h3>{time.date.title}</h3>
         <Checkbox name='date' text={this.props.language.enabled} />
         <Checkbox name='dayofweek' text={time.date.day_of_week} />
+        <Checkbox name='datenth' text={time.date.datenth} />
         <Checkbox name='short' text={time.date.short_date} betaFeature={true} />
         <Dropdown label={time.date.short_format} name='dateFormat' id='dateformat' onChange={() => localStorage.setItem('dateFormat', document.getElementById('dateformat').value)}>
           <option className='choices' value='DMY'>DMY</option>
diff --git a/src/components/widgets/background/scss/index.scss b/src/components/widgets/background/scss/index.scss
index 5f210441..f8007012 100644
--- a/src/components/widgets/background/scss/index.scss
+++ b/src/components/widgets/background/scss/index.scss
@@ -62,3 +62,4 @@
     transform: scale(1.1);
   }
 }
+
diff --git a/src/translations/en-GB.json b/src/translations/en-GB.json
index 011504ff..6692ed27 100644
--- a/src/translations/en-GB.json
+++ b/src/translations/en-GB.json
@@ -57,6 +57,7 @@
             "date": {
               "title": "Date",
               "day_of_week": "Day of week",
+              "datenth": "Date nth",
               "short_date": "Short Date",
               "short_format": "Short Format",
               "short_separator": {