-
Notifications
You must be signed in to change notification settings - Fork 152
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
90939c4
commit 423c816
Showing
3 changed files
with
160 additions
and
62 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
151 changes: 151 additions & 0 deletions
151
frontend/src/components/CommunityDialog/CommunityDialog.tsx
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,151 @@ | ||
| import React from "react"; | ||
| import { useTranslation } from "react-i18next"; | ||
| import { | ||
| Dialog, | ||
| DialogContent, | ||
| Divider, | ||
| IconButton, | ||
| List, | ||
| ListItemText, | ||
| ListItem, | ||
| ListItemIcon, | ||
| ListItemButton, | ||
| Tooltip, | ||
| Typography, | ||
| } from "@mui/material"; | ||
| import SendIcon from '@mui/icons-material/Send'; | ||
| import GitHubIcon from '@mui/icons-material/GitHub'; | ||
| import Flags from 'country-flag-icons/react/3x2' | ||
|
|
||
| type Props = { | ||
| isOpen: boolean; | ||
| handleClickCloseCommunity: () => void; | ||
| } | ||
|
|
||
| const CommunityDialog = ({ | ||
| isOpen, | ||
| handleClickCloseCommunity, | ||
| }: Props): JSX.Element => { | ||
| const { t } = useTranslation(); | ||
|
|
||
| const flagProps = { | ||
| width: 30, | ||
| height: 30, | ||
| style: { | ||
| filter: "drop-shadow(2px 2px 2px #444444)", | ||
| }, | ||
| }; | ||
|
|
||
| return ( | ||
| <Dialog | ||
| open={isOpen} | ||
| onClose={handleClickCloseCommunity} | ||
| aria-labelledby="community-dialog-title" | ||
| aria-describedby="community-description" | ||
| > | ||
| <DialogContent> | ||
| <Typography component="h5" variant="h5"> | ||
| {t("Community")} | ||
| </Typography> | ||
|
|
||
| <Typography component="div" variant="body2"> | ||
| <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> | ||
| <Divider/> | ||
|
|
||
| <ListItemButton | ||
| component="a" | ||
| target="_blank" | ||
| href="https://t.me/robosats" | ||
| rel="noreferrer" | ||
| > | ||
| <ListItemIcon> | ||
| <SendIcon/> | ||
| </ListItemIcon> | ||
|
|
||
| <ListItemText | ||
| primary={t("Join the RoboSats group")} | ||
| secondary={t("Telegram (English / Main)")} | ||
| /> | ||
| </ListItemButton> | ||
|
|
||
| <Divider/> | ||
|
|
||
| <ListItem> | ||
| <ListItemIcon> | ||
| <SendIcon/> | ||
| </ListItemIcon> | ||
|
|
||
| <ListItemText secondary={t("RoboSats Telegram Communities")}> | ||
| <Tooltip title={t("Join RoboSats Spanish speaking community!") || ""}> | ||
| <IconButton | ||
| component="a" | ||
| target="_blank" | ||
| href="https://t.me/robosats_es" | ||
| rel="noreferrer" | ||
| > | ||
| <Flags.ES {...flagProps} /> | ||
| </IconButton> | ||
| </Tooltip> | ||
|
|
||
| <Tooltip title={t("Join RoboSats Russian speaking community!") || ""}> | ||
| <IconButton | ||
| component="a" | ||
| target="_blank" | ||
| href="https://t.me/robosats_ru" | ||
| rel="noreferrer" | ||
| > | ||
| <Flags.RU {...flagProps} /> | ||
| </IconButton> | ||
| </Tooltip> | ||
|
|
||
| <Tooltip title={t("Join RoboSats Chinese speaking community!") || ""}> | ||
| <IconButton | ||
| component="a" | ||
| target="_blank" | ||
| href="https://t.me/robosats_cn" | ||
| rel="noreferrer" | ||
| > | ||
| <Flags.CN {...flagProps} /> | ||
| </IconButton> | ||
| </Tooltip> | ||
|
|
||
| <Tooltip title={t("Join RoboSats English speaking community!") || ""}> | ||
| <IconButton | ||
| component="a" | ||
| target="_blank" | ||
| href="https://t.me/robosats" | ||
| rel="noreferrer" | ||
| > | ||
| <Flags.US {...flagProps} /> | ||
| </IconButton> | ||
| </Tooltip> | ||
| </ListItemText> | ||
| </ListItem> | ||
|
|
||
| <Divider/> | ||
|
|
||
| <ListItemButton | ||
| component="a" | ||
| target="_blank" | ||
| href="https://github.com/Reckless-Satoshi/robosats/issues" | ||
| rel="noreferrer" | ||
| > | ||
| <ListItemIcon> | ||
| <GitHubIcon/> | ||
| </ListItemIcon> | ||
|
|
||
| <ListItemText | ||
| primary={t("Tell us about a new feature or a bug")} | ||
| secondary={t("Github Issues - The Robotic Satoshis Open Source Project")} | ||
| /> | ||
| </ListItemButton> | ||
| </List> | ||
| </DialogContent> | ||
| </Dialog> | ||
| ); | ||
| }; | ||
|
|
||
| export default CommunityDialog; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1 @@ | ||
| export { default } from "./CommunityDialog"; |