Add Reddit community links

docs/_config.yml

@@ -126,6 +126,9 @@ author:
     - label: "GitHub"
       icon: "fab fa-fw fa-github"
       url: "https://github.com/reckless-satoshi"
+    - label: "Reddit"
+      icon: "fa-brands fa-reddit-square"
+      url: "https://reddit.com/u/reckless_satoshi"
 
 # Site Footer
 footer:
@@ -133,6 +136,9 @@ footer:
     - label: "Twitter"
       icon: "fab fa-fw fa-twitter-square"
       url: "https://twitter.com/robosats"
+    - label: "Reddit"
+      icon: "fa-brands fa-reddit-square"
+      url: "https://reddit.com/r/robosats"
     - label: "Telegram"
       icon: "fa-brands fa-telegram"
       url: "https://t.me/robosats"

frontend/src/components/Dialogs/Community.tsx

@@ -16,6 +16,7 @@ import {
 import SendIcon from '@mui/icons-material/Send';
 import GitHubIcon from '@mui/icons-material/GitHub';
 import TwitterIcon from '@mui/icons-material/Twitter';
+import RedditIcon from '@mui/icons-material/Reddit';
 import Flags from 'country-flag-icons/react/3x2'
 
 type Props = {
@@ -54,7 +55,7 @@ const CommunityDialog = ({
           <p>{t("Support is only offered via public channels. Join our Telegram community if you have questions or want to hang out with other cool robots. Please, use our Github Issues if you find a bug or want to see new features!")}</p>
         </Typography>
 
-        <List>
+        <List dense>
           <Divider/>
 
           <ListItemButton
@@ -64,7 +65,7 @@ const CommunityDialog = ({
             rel="noreferrer"
           >
             <ListItemIcon>
-              <TwitterIcon color="primary"/>
+              <TwitterIcon color="primary" sx={{height:32,width:32}}/>
             </ListItemIcon>
 
             <ListItemText
@@ -75,9 +76,27 @@ const CommunityDialog = ({
 
           <Divider/>
 
+          <ListItemButton
+            component="a"
+            target="_blank"
+            href="https://reddit.com/r/robosats"
+            rel="noreferrer"
+          >
+            <ListItemIcon>
+              <RedditIcon color="primary" sx={{height:35,width:35}}/>
+            </ListItemIcon>
+
+            <ListItemText
+              primary={t("Join RoboSats' Subreddit")}
+              secondary={t("RoboSats in Reddit")}
+            />
+          </ListItemButton>
+
+          <Divider/>
+
           <ListItem>
             <ListItemIcon>
-              <SendIcon color="primary"/>
+              <SendIcon color="primary" sx={{height:32,width:32}}/>
             </ListItemIcon>
 
             <ListItemText secondary={t("RoboSats Telegram Communities")}>
@@ -148,7 +167,7 @@ const CommunityDialog = ({
             rel="noreferrer"
             >
             <ListItemIcon>
-              <GitHubIcon color="primary"/>
+              <GitHubIcon color="primary" sx={{height:32,width:32}}/>
             </ListItemIcon>
 
             <ListItemText

frontend/src/locales/en.json

@@ -179,7 +179,8 @@
     "Your last order #{{orderID}}":"Your last order #{{orderID}}",
     "Inactive order":"Inactive order",
     "You do not have previous orders":"You do not have previous orders",
-
+    "Join RoboSat's Subreddit":"Join RoboSat's Subreddit",
+    "RoboSats in Reddit":"RoboSats in Reddit",
 
     "ORDER PAGE - OrderPage.js": "Order details page",
     "Order Box":"Order Box",

frontend/src/locales/es.json

@@ -179,6 +179,8 @@
     "Your last order #{{orderID}}":"Tu última orden #{{orderID}}",
     "Inactive order":"Orden inactiva",
     "You do not have previous orders":"No tienes órdenes previas",
+    "Join RoboSats' Subreddit":"Únete al subreddit de RoboSats",
+    "RoboSats in Reddit":"RoboSats en Reddit",
 
     "ORDER PAGE - OrderPage.js": "Order details page",
     "Order Box": "Orden",