mirror of
https://github.com/stashapp/stash.git
synced 2025-12-18 04:44:37 +03:00
Prettier
This commit is contained in:
@@ -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>;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user