From 6f2bff218fb0e070adf5e9f5523ccafadecaad09 Mon Sep 17 00:00:00 2001
From: dominik-zeglen <flesz3@o2.pl>
Date: Tue, 19 Nov 2019 12:31:32 +0100
Subject: [PATCH] wip

---
 src/hooks/makeQuery.ts   |  6 +++---
 src/hooks/makeSearch.ts  | 18 ++++++++++++++++++
 src/hooks/useDebounce.ts | 19 +++++++++++++++++++
 3 files changed, 40 insertions(+), 3 deletions(-)
 create mode 100644 src/hooks/makeSearch.ts
 create mode 100644 src/hooks/useDebounce.ts

diff --git a/src/hooks/makeQuery.ts b/src/hooks/makeQuery.ts
index a16909766..1d0e3013d 100644
--- a/src/hooks/makeQuery.ts
+++ b/src/hooks/makeQuery.ts
@@ -16,7 +16,7 @@ export interface LoadMore<TData, TVariables> {
   ) => Promise<ApolloQueryResult<TData>>;
 }
 
-type UseQuery<TData, TVariables> = QueryResult<TData, TVariables> &
+export type UseQueryResult<TData, TVariables> = QueryResult<TData, TVariables> &
   LoadMore<TData, TVariables>;
 type UseQueryOpts<TData, TVariables> = Partial<{
   displayLoader: boolean;
@@ -26,7 +26,7 @@ type UseQueryOpts<TData, TVariables> = Partial<{
 }>;
 type UseQueryHook<TData, TVariables> = (
   opts: UseQueryOpts<TData, TVariables>
-) => UseQuery<TData, TVariables>;
+) => UseQueryResult<TData, TVariables>;
 
 function makeQuery<TData, TVariables>(
   query: DocumentNode
@@ -36,7 +36,7 @@ function makeQuery<TData, TVariables>(
     require,
     skip,
     variables
-  }: UseQueryOpts<TData, TVariables>): UseQuery<TData, TVariables> {
+  }: UseQueryOpts<TData, TVariables>): UseQueryResult<TData, TVariables> {
     const notify = useNotifier();
     const intl = useIntl();
     const [, dispatchAppState] = useAppState();
diff --git a/src/hooks/makeSearch.ts b/src/hooks/makeSearch.ts
new file mode 100644
index 000000000..c4b4dc42c
--- /dev/null
+++ b/src/hooks/makeSearch.ts
@@ -0,0 +1,18 @@
+import { DocumentNode } from "graphql";
+import { useState } from "react";
+
+import Debounce from "../components/Debounce";
+import { UseQueryResult } from "./makeQuery";
+
+export interface SearchQueryVariables {
+  after?: string;
+  first: number;
+  query: string;
+}
+
+function makeSearch<TData, TVariables extends SearchQueryVariables>(
+  query: DocumentNode,
+  loadMoreFn: (result: UseQueryResult<TData, TVariables>) => void
+): UseSearchHook<TData, TVariables> {
+  const [searchQuery, setSearchQuery] = useState("");
+}
diff --git a/src/hooks/useDebounce.ts b/src/hooks/useDebounce.ts
new file mode 100644
index 000000000..69be1e40e
--- /dev/null
+++ b/src/hooks/useDebounce.ts
@@ -0,0 +1,19 @@
+import { useEffect, useRef } from "react";
+
+export type UseDebounceFn<T> = (...args: T[]) => void;
+function useDebounce<T>(
+  debounceFn: UseDebounceFn<T>,
+  time = 200
+): UseDebounceFn<T> {
+  const timer = useRef(null);
+  useEffect(() => () => clearTimeout(timer.current));
+
+  return (...args: T[]) => {
+    if (timer.current) {
+      clearTimeout(timer.current);
+    }
+    timer.current = setTimeout(() => debounceFn(...args), time);
+  };
+}
+
+export default useDebounce;