From 88125ce522bb64755863d1286f09a1ab6b61dc2f Mon Sep 17 00:00:00 2001
From: Hazem Krimi <krimihazem1@gmail.com>
Date: Wed, 28 Apr 2021 21:25:51 +0100
Subject: [PATCH] Add auth route component

---
 src/components/AuthRoute/index.tsx | 13 +++++++++++++
 1 file changed, 13 insertions(+)
 create mode 100644 src/components/AuthRoute/index.tsx

diff --git a/src/components/AuthRoute/index.tsx b/src/components/AuthRoute/index.tsx
new file mode 100644
index 0000000..89e5af8
--- /dev/null
+++ b/src/components/AuthRoute/index.tsx
@@ -0,0 +1,13 @@
+import { useReactiveVar } from '@apollo/client';
+import { Redirect, Route, RouteProps } from 'react-router-dom';
+import { tokenVar } from '../../graphql/state';
+
+const AuthRoute: React.FC<RouteProps> = ({ children, ...rest }) => {
+  const token = useReactiveVar(tokenVar);
+
+  return (
+    <Route {...rest} render={() => (!token ? children : <Redirect to='/' />)} />
+  );
+};
+
+export default AuthRoute;