implement react-query for all content views (#1708)

Implements react-query and replaces direct apiClient usage for sources, annotate and history content views.

Co-authored-by: Eduard Heimbuch <eduard.heimbuch@cloudogu.com>
This commit is contained in:
Konstantin Schaper
2021-06-23 14:14:56 +02:00
committed by GitHub
parent 8e47238bf7
commit d6e36e7145
12 changed files with 196 additions and 390 deletions

View File

@@ -37,7 +37,6 @@ type Props = {
file: File;
repository: Repository;
revision: string;
path: string;
breadcrumb: React.ReactNode;
error?: Error;
};
@@ -78,7 +77,7 @@ const BorderLessDiv = styled.div`
export type SourceViewSelection = "source" | "annotations" | "history";
const Content: FC<Props> = ({ file, repository, revision, path, breadcrumb, error }) => {
const Content: FC<Props> = ({ file, repository, revision, breadcrumb, error }) => {
const [t] = useTranslation("repos");
const [collapsed, setCollapsed] = useState(true);
const [selected, setSelected] = useState<SourceViewSelection>("source");
@@ -215,13 +214,13 @@ const Content: FC<Props> = ({ file, repository, revision, path, breadcrumb, erro
let body;
switch (selected) {
case "source":
body = <SourcesView revision={revision} file={file} repository={repository} path={path} />;
body = <SourcesView file={file} repository={repository} revision={revision} />;
break;
case "annotations":
body = <AnnotateView file={file} repository={repository} />;
body = <AnnotateView file={file} repository={repository} revision={revision} />;
break;
case "history":
body = <HistoryView file={file} repository={repository} />;
body = <HistoryView file={file} repository={repository} revision={revision} />;
}
const header = showHeader(body);
const moreInformation = showMoreInformation();