Implement record modal

This commit is contained in:
Hakan Shehu
2024-09-13 14:05:30 +02:00
parent 72d75ae0d6
commit ca253b3cec
32 changed files with 1429 additions and 216 deletions

View File

@@ -2,21 +2,32 @@ import React from 'react';
import { LocalNode } from '@/types/nodes';
import { useDatabaseQuery } from '@/queries/use-database-query';
import { Database } from '@/components/databases/database';
import { DatabaseViews } from '@/components/databases/database-views';
import { useDatabaseViewsQuery } from '@/queries/use-database-views-query';
interface DatabaseContainerNodeProps {
node: LocalNode;
}
export const DatabaseContainerNode = ({ node }: DatabaseContainerNodeProps) => {
const { data, isPending } = useDatabaseQuery(node.id);
const { data: database, isPending: isDatabasePending } = useDatabaseQuery(
node.id,
);
const { data: views, isPending: isViewsPending } = useDatabaseViewsQuery(
node.id,
);
if (isPending) {
if (isDatabasePending || isViewsPending) {
return null;
}
if (!data) {
if (!database) {
return null;
}
return <Database node={data} />;
return (
<Database node={database}>
{views && <DatabaseViews views={views} />}
</Database>
);
};