Robosats/robosats
1
0
Fork 0
mirror of https://github.com/RoboSats/robosats.git synced 2025-08-03 12:20:06 +00:00
Code Issues Packages Projects Releases Wiki Activity

Clear code

Browse Source
This commit is contained in:
koalasat
2025-07-16 14:11:43 +02:00
parent c9df870977
commit 5b94c798a4
1 changed files with 0 additions and 67 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

67
frontend/src/components/TorConnection/index.tsx
View File

@ -1,67 +0,0 @@
import React, { useContext } from 'react';
import { Box, CircularProgress } from '@mui/material';
import { TorIcon } from '../Icons';
import { useTranslation } from 'react-i18next';
import { AppContext, type UseAppStoreType } from '../../contexts/AppContext';
const TorConnectionBadge = (): React.JSX.Element => {
const { torStatus } = useContext<UseAppStoreType>(AppContext);
const { t } = useTranslation();
let color:
| 'inherit'
| 'error'
| 'warning'
| 'success'
| 'primary'
| 'secondary'
| 'info'
| undefined = 'error';
let progress = true;
let title = t('Connection error');
if (torStatus === 'OFF' || torStatus === 'STOPPING') {
color = 'primary';
progress = true;
title = t('Initializing Tor daemon');
} else if (torStatus === 'STARTING') {
color = 'warning';
progress = true;
title = t('Connecting to Tor network');
} else if (torStatus === 'ON') {
color = 'success';
progress = false;
title = t('Connected to Tor network');
}
return (
<Box sx={{ display: 'inline-flex' }}>
{progress ? (
<>
<CircularProgress color={color} thickness={6} size={22} />
<Box
sx={{
top: 0,
left: 0,
bottom: 0,
right: 0,
position: 'absolute',
display: 'flex',
alignItems: 'center',
justifyContent: 'center',
}}
>
<TorIcon color={color} sx={{ width: 20, height: 20 }} />
</Box>
</>
) : (
<Box>
<TorIcon color={color} sx={{ width: 20, height: 20 }} />
</Box>
)}{' '}
{title}
</Box>
);
};
export default TorConnectionBadge;