Added teams pages. Refactored hooks.

src/components/hooks/queries/useShareToken.ts

@@ -0,0 +1,27 @@
+import useStore, { setShareToken } from 'store/app';
+import useApi from './useApi';
+
+const selector = (state: { shareToken: string }) => state.shareToken;
+
+export function useShareToken(shareId: string): {
+  shareToken: any;
+  isLoading?: boolean;
+  error?: Error;
+} {
+  const shareToken = useStore(selector);
+  const { get, useQuery } = useApi();
+  const { isLoading, error } = useQuery({
+    queryKey: ['share', shareId],
+    queryFn: async () => {
+      const data = await get(`/share/${shareId}`);
+
+      setShareToken(data);
+
+      return data;
+    },
+  });
+
+  return { shareToken, isLoading, error };
+}
+
+export default useShareToken;