34 lines
842 B
TypeScript
34 lines
842 B
TypeScript
import { AppState } from '@/ui_models/app_state';
|
|
import { observer } from 'mobx-react-lite';
|
|
|
|
type Props = {
|
|
appState: AppState;
|
|
}
|
|
|
|
const Encryption = observer(({ appState }: Props) => {
|
|
const { isEncryptionEnabled, encryptionStatusString, notesAndTagsCount } = appState.accountMenu;
|
|
|
|
const getEncryptionStatusForNotes = () => {
|
|
const length = notesAndTagsCount;
|
|
return `${length}/${length} notes and tags encrypted`;
|
|
};
|
|
|
|
return (
|
|
<div className="sk-panel-section">
|
|
<div className="sk-panel-section-title">
|
|
Encryption
|
|
</div>
|
|
{isEncryptionEnabled && (
|
|
<div className="sk-panel-section-subtitle info">
|
|
{getEncryptionStatusForNotes()}
|
|
</div>
|
|
)}
|
|
<p className="sk-p">
|
|
{encryptionStatusString}
|
|
</p>
|
|
</div>
|
|
);
|
|
});
|
|
|
|
export default Encryption;
|