@rtbjs/use-state
Version:
`@rtbjs/use-state` is a state management tool that can act as a local state and be easily turned into a global redux state. It is an innovative approach to state management that combines the advantages of both React's useState and Redux's state management
14 lines • 1.15 kB
JavaScript
import { __assign, __makeTemplateObject } from "tslib";
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { Button, Layout } from 'antd';
import { styled } from 'styled-components';
import { useNavigate } from 'react-router-dom';
import { ArrowLeftOutlined } from '@ant-design/icons';
var Container = styled(Layout.Header)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: flex-end;\n background: #f1f3f4;\n gap: 16px;\n height: 34px;\n"], ["\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: flex-end;\n background: #f1f3f4;\n gap: 16px;\n height: 34px;\n"])));
var Header = function () {
var navigate = useNavigate();
return (_jsxs(Container, { children: [_jsx(Button, __assign({ icon: _jsx(ArrowLeftOutlined, {}), onClick: function () { return navigate(-1); } }, { children: "Back" })), _jsx(Button, __assign({ onClick: function () { return navigate('/logout'); } }, { children: "Logout" }))] }));
};
export default Header;
var templateObject_1;
//# sourceMappingURL=header.js.map