Added shortcuts page
This commit is contained in:
parent
ac46b2b6c9
commit
2864fd1cc0
2 changed files with 41 additions and 1 deletions
40
src/frontend/src/pages/ShortcutsPage/index.tsx
Normal file
40
src/frontend/src/pages/ShortcutsPage/index.tsx
Normal 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>
|
||||
);
|
||||
}
|
||||
|
|
@ -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();
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue