colanode/apps/desktop/src/renderer/components/files/file-container.tsx

import { extractEntryRole } from '@colanode/core';

import { FileBody } from '@/renderer/components/files/file-body';
import { FileHeader } from '@/renderer/components/files/file-header';
import { useWorkspace } from '@/renderer/contexts/workspace';
import { useQuery } from '@/renderer/hooks/use-query';

interface FileContainerProps {
  fileId: string;
}

export const FileContainer = ({ fileId }: FileContainerProps) => {
  const workspace = useWorkspace();

  const { data: file, isPending: isPendingFile } = useQuery({
    type: 'file_get',
    id: fileId,
    userId: workspace.userId,
  });

  const { data: entry, isPending: isPendingEntry } = useQuery(
    {
      type: 'entry_get',
      entryId: file?.entryId ?? '',
      userId: workspace.userId,
    },
    {
      enabled: !!file,
    }
  );

  const { data: root, isPending: isPendingRoot } = useQuery(
    {
      type: 'entry_get',
      entryId: file?.rootId ?? '',
      userId: workspace.userId,
    },
    {
      enabled: !!file,
    }
  );

  if (isPendingFile || isPendingEntry || isPendingRoot) {
    return null;
  }

  if (!file || !entry || !root) {
    return null;
  }

  const role = extractEntryRole(root, workspace.userId);
  if (!role) {
    return null;
  }

  return (
    <div className="flex h-full w-full flex-col">
      <FileHeader file={file} role={role} entry={entry} />
      <FileBody file={file} />
    </div>
  );
};