Added shortcuts page

This commit is contained in:
Lucas Oliveira 2024-04-30 00:16:59 +02:00
commit 2864fd1cc0
2 changed files with 41 additions and 1 deletions

View file

@ -0,0 +1,40 @@
import IconComponent from "../../components/genericIconComponent";
import { Button } from "../../components/ui/button";
import AddNewVariableButton from "../../components/addNewVariableButtonComponent/addNewVariableButton";
import ForwardedIconComponent from "../../components/genericIconComponent";
import TableComponent from "../../components/tableComponent";
export default function ShortcutsPage() {
return (
<div className="flex h-full w-full flex-col justify-between gap-6">
<div className="flex w-full items-center justify-between gap-4 space-y-0.5">
<div className="flex w-full flex-col">
<h2 className="flex items-center text-lg font-semibold tracking-tight">
Shortcuts
<ForwardedIconComponent
name="Keyboard"
className="ml-2 h-5 w-5 text-primary"
/>
</h2>
<p className="text-sm text-muted-foreground">
Customize, manage and create shortcuts for quick access to
frequently used actions.
</p>
</div>
<div className="flex-shrink-0">
<AddNewVariableButton>
<Button data-testid="api-key-button-store" variant="primary">
<IconComponent name="Plus" className="mr-2 w-4" />
Add New
</Button>
</AddNewVariableButton>
</div>
</div>
<div className="flex h-full w-full flex-col justify-between">
<TableComponent />
</div>
</div>
);
}

View file

@ -19,7 +19,7 @@ import ViewPage from "./pages/ViewPage";
import DeleteAccountPage from "./pages/deleteAccountPage";
import LoginPage from "./pages/loginPage";
import SignUp from "./pages/signUpPage";
import ShortcutsPage from "./pages/FlowPage/components/shortcutsPage";
import ShortcutsPage from "./pages/ShortcutsPage";
const Router = () => {
const navigate = useNavigate();