mirror of
https://github.com/colanode/colanode.git
synced 2025-12-21 14:09:28 +01:00
Implement record modal
This commit is contained in:
@@ -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>
|
||||
);
|
||||
};
|
||||
|
||||
Reference in New Issue
Block a user