openreplay/frontend/app/components/Header/PreferencesView/PreferencesView.tsx

26 lines
742 B
TypeScript

import React from 'react';
import { Icon } from 'UI';
import { useNavigate } from "react-router";
function PreferencesView() {
const navigate = useNavigate();
const onExit = () => {
navigate('/');
};
return (
<>
<div className="flex items-center p-3 cursor-pointer text-lg ml-1" onClick={onExit}>
<Icon name="arrow-bar-left" color="teal" size="18" />
<span className="color-teal ml-2">Exit Preferences</span>
</div>
<div className="flex items-center p-3 text-lg">
<Icon name="info-circle" size="16" color="gray-dark" />
<span className="ml-2">Any changes will be put into effect across your organization.</span>
</div>
</>
);
}
export default PreferencesView;