Обработка ошибок GraphQL #120
Conversation
|
#88 - на секунду показывается страница UserInfo |
|
Visit the preview URL for this PR (updated for commit 23998d0):
(expires Tue, 15 Dec 2020 19:04:00 GMT) 🔥 via Firebase Hosting GitHub Action 🌎 |
|
Хмм))
UPD: Чекни этот компонент, который для HomePage и для ошибок юзается Чет с размерами тут
|
|
Пока некритично, но до показа бы исправить, что на какое-то время мелькает сама страница Т.е. в идеале должна быть сначала проверка на доступ к ресурсу (для 404), и только если ок - уже отображаем сам page (может имеет смысл какой-нить флаг accessLoading добавить на верхнем уровне, и только как она станет false - отображать чайлдов гарантированно) В рамках PR - пофиг пока, но ишью бы выписать
Да, да - поправить бы - выпиши issue себе |
…o feature/error-handling � Conflicts: � src/pages/home/index.tsx � src/pages/index.tsx
| import withRouter from "./with-router"; | ||
|
|
||
| // Потом какой-нибудь `compose` метод заинсталлим откуда-нить и покрасивше будет | ||
| export const withHocs = (component: () => JSX.Element) => withRouter(withApollo(component)); |
There was a problem hiding this comment.
Некритично, но в react-app-env уже задеклейрен глобально тип для компонентов
There was a problem hiding this comment.
Так можно же props?: P выставить)
| @@ -34,7 +34,7 @@ const client = new ApolloClient({ | |||
| /** | |||
| * Обертка для подключения и работы с API | |||
| */ | |||
| const withApollo = (component: () => React.ReactNode) => () => ( | |||
| const withApollo = (component: () => JSX.Element) => () => ( | |||
There was a problem hiding this comment.
Некритично, но в react-app-env уже задеклейрен глобально тип для компонентов
| import withApollo from "./with-apollo"; | ||
| import withRouter from "./with-router"; | ||
|
|
||
| // Потом какой-нибудь `compose` метод заинсталлим откуда-нить и покрасивше будет |
| @@ -3,10 +3,12 @@ import React, { Suspense } from "react"; | |||
| import { BrowserRouter, Route } from "react-router-dom"; | |||
| import { QueryParamProvider } from "use-query-params"; | |||
|
|
|||
| export const setupRouter = (component: () => JSX.Element) => () => ( | |||
| const withRouter = (component: () => JSX.Element) => () => ( | |||
There was a problem hiding this comment.
Потом бы добавил коммент, аля
/**
* Инициализация роутера с провайдером для работы с get-параметрами
*/| import Header from "./header"; | ||
| import "./index.scss"; | ||
| import { withHocs } from "./hocs"; |
There was a problem hiding this comment.
Круто, но стили в самом низу располагают обычно)
imports/order увы не удается пока для этого настроить
| import Header from "./header"; | ||
| import "./index.scss"; | ||
| import { withHocs } from "./hocs"; | ||
|
|
||
| const ErrorPage = lazy(() => import("pages/error")); |
There was a problem hiding this comment.
Чет смущает, что ErrorPage тут так хардкодится... Но ладно, потом посмотрим что с этим можно сделать. Потом в след коммитах пометь как-нибудь
// !!! FIXME: manage access| q: currentTarget.value, | ||
| type: query.type, | ||
| s: query.s, | ||
| o: query.o, |
There was a problem hiding this comment.
Потом бы на такое заменил
const q = currentTarget.value;
history.push(`/search?${qs.stringify({ ...query, q })}`);
Closes #4
Closes #31