openreplay/frontend/app/components/Client/DebugLog.tsx
Andrey Babushkin fd5c0c9747
Add lokalisation (#3092)
* applied eslint

* add locales and lint the project

* removed error boundary

* updated locales

* fix min files

* fix locales
2025-03-06 17:43:15 +01:00

36 lines
909 B
TypeScript

import React from 'react';
import { KEY, options } from 'App/dev/console';
import { Switch } from 'UI';
import { useTranslation } from 'react-i18next';
function getDefaults() {
const storedString = localStorage.getItem(KEY);
if (storedString) {
const storedOptions = JSON.parse(storedString);
return storedOptions.verbose;
}
return false;
}
function DebugLog() {
const { t } = useTranslation();
const [showLogs, setShowLogs] = React.useState(getDefaults);
const onChange = (checked: boolean) => {
setShowLogs(checked);
options.logStuff(checked);
};
return (
<div>
<h3 className="text-lg">{t('Player Debug Logs')}</h3>
<div className="my-1">
{t('Show debug information in browser console.')}
</div>
<div className="mt-2">
<Switch checked={showLogs} onChange={onChange} />
</div>
</div>
);
}
export default DebugLog;