This commit is contained in:
Infinite
2020-01-20 21:56:23 +01:00
parent 9827647122
commit 244c8ff234
82 changed files with 3729 additions and 2304 deletions

View File

@@ -1,6 +1,9 @@
import React from "react";
import { QueryHookResult } from "react-apollo-hooks";
import { FindStudiosQuery, FindStudiosVariables } from "src/core/generated-graphql";
import {
FindStudiosQuery,
FindStudiosVariables
} from "src/core/generated-graphql";
import { useStudiosList } from "src/hooks";
import { ListFilterModel } from "src/models/list-filter/filter";
import { DisplayMode } from "src/models/list-filter/types";
@@ -8,20 +11,29 @@ import { StudioCard } from "./StudioCard";
export const StudioList: React.FC = () => {
const listData = useStudiosList({
renderContent,
renderContent
});
function renderContent(result: QueryHookResult<FindStudiosQuery, FindStudiosVariables>, filter: ListFilterModel) {
if (!result.data || !result.data.findStudios) { return; }
function renderContent(
result: QueryHookResult<FindStudiosQuery, FindStudiosVariables>,
filter: ListFilterModel
) {
if (!result.data || !result.data.findStudios) {
return;
}
if (filter.displayMode === DisplayMode.Grid) {
return (
<div className="grid">
{result.data.findStudios.studios.map((studio) => (<StudioCard key={studio.id} studio={studio} />))}
{result.data.findStudios.studios.map(studio => (
<StudioCard key={studio.id} studio={studio} />
))}
</div>
);
} if (filter.displayMode === DisplayMode.List) {
}
if (filter.displayMode === DisplayMode.List) {
return <h1>TODO</h1>;
} if (filter.displayMode === DisplayMode.Wall) {
}
if (filter.displayMode === DisplayMode.Wall) {
return <h1>TODO</h1>;
}
}