forked from cerc-io/snowballtools-base
Nabarun Gogoi
559e0f8934
* Add routes to project tabs * remove react tabs and use material tailwind component instead * Refactor code to move project tab panels in pages directory * Remove unused function from database class * Refactor routes for project tabs
48 lines
981 B
TypeScript
48 lines
981 B
TypeScript
import React from 'react';
|
|
|
|
import OverviewTabPanel from './OverviewTabPanel';
|
|
import DeploymentsTabPanel from './DeploymentsTabPanel';
|
|
import SettingsTabPanel from './SettingsTabPanel';
|
|
|
|
const Database = () => (
|
|
<div>
|
|
Content of database tab
|
|
<p className="block">
|
|
It is a long established fact that a reader will be distracted by the
|
|
readable content of a page when looking at its layout.
|
|
</p>
|
|
</div>
|
|
);
|
|
|
|
const Integrations = () => (
|
|
<div>
|
|
Content of integrations tab
|
|
<p className="block">
|
|
There are many variations of passages of Lorem Ipsum available.
|
|
</p>
|
|
</div>
|
|
);
|
|
|
|
export const projectTabRoutes = [
|
|
{
|
|
index: true,
|
|
element: <OverviewTabPanel />,
|
|
},
|
|
{
|
|
path: 'deployments',
|
|
element: <DeploymentsTabPanel />,
|
|
},
|
|
{
|
|
path: 'database',
|
|
element: <Database />,
|
|
},
|
|
{
|
|
path: 'integrations',
|
|
element: <Integrations />,
|
|
},
|
|
{
|
|
path: 'settings',
|
|
element: <SettingsTabPanel />,
|
|
},
|
|
];
|