feat(graphql): integrate graphql - remove old models

https://github.com/martis-git/learn-frontend/issues/279

Author: azinit

examples/graphql/src/models.d.ts

@@ -10,7 +10,7 @@ type Props = RouteComponentProps<{
 
 const TaskDetails = (props: Props) => {
     const { id } = props.match.params;
-    const { data, loading, error } = useFetch<Task>(`todos/${id}`);
+    const { data, loading, error } = useFetch<any>(`todos/${id}`);
 
     if (loading) return <Spin />;
     if (error) return <Alert message={error.message || String(error)} type="error" showIcon />;

examples/graphql/src/pages/task-details/index.tsx

@@ -1,2 +1,3 @@
 /// <reference types="react-scripts" />
-/// <reference types="./models" />
+// FIXME: import model.ts with global declaring?
+// /// <reference types="./models" />

examples/graphql/src/react-app-env.d.ts

@@ -5,7 +5,7 @@ import { UserOutlined, HomeOutlined } from "@ant-design/icons";
 import { useFetch } from "shared/hooks";
 import "./index.scss";
 
-type Props = Task;
+type Props = import("models").Todo;
 
 const ICON_STYLE = { color: '#08c' };
 
@@ -16,8 +16,8 @@ const getTaskStatus = (completed: boolean) => {
 
 // TODO: as feature
 const TaskCard = (props: Props) => {
-    const { completed, id, title, userId } = props;
-    const { data: author } = useFetch<User>(`users/${userId}`);
+    const { completed, title, user } = props;
+    const { data: author } = useFetch<import("models").User>(`users/${user?.id}`);
 
     return (
         <Card

examples/graphql/src/shared/components/task-card/index.tsx

@@ -10,7 +10,7 @@ type Props = import("models").Todo;
 // TODO: as feature
 const TaskItem = (props: Props) => {
     const { completed, title, user, id } = props;
-    const { data: author } = useFetch<User>(`users/${user?.id}`);
+    const { data: author } = useFetch<import("models").User>(`users/${user?.id}`);
 
     return (
         <Card className={cn("task-item", { completed })}>