[solidjs-pod]: Get Gists from GitHub API

solidjs-tailwind/src/components/Icons/index.js

@@ -1 +1,5 @@
 export { default as TwitterIcon } from './TwitterIcon';
+export { default as CaretIcon } from './caret';
+export { default as CloseIcon } from './close';
+export { default as CorrectIcon } from './correct';
+export { default as RepoBookIcon } from './repo-book';

solidjs-tailwind/src/services/api.js

@@ -0,0 +1,25 @@
+const FetchApi = ({url, query, variables, headersOptions}) => {
+  return new Promise((resolve, reject) => {
+    fetch(url, {
+      method: "POST",
+      headers: {
+        ...headersOptions,
+        Accept: 'application/vnd.github+json',
+        'Content-Type': 'application/json',
+      },
+      body: JSON.stringify({
+        query,
+        variables
+      })
+    })
+    .then((res) => res.json())
+      .then((result) => {
+        resolve(result);
+      })
+      .catch((error) => {
+        reject(error);
+      });
+  });
+};
+
+export default FetchApi;

solidjs-tailwind/src/services/get-gists.js

@@ -0,0 +1,44 @@
+import FetchApi from "./api";
+import { useAuth } from "../auth";
+import { USER_GISTS_QUERY } from "./queries/gists";
+
+
+const getGists = async ({url}) => {
+  const { authStore } = useAuth();
+
+    const data = {
+      url,
+      query: USER_GISTS_QUERY,
+      variable: null,
+      headersOptions: {
+        authorization: `Bearer ${authStore.token}`,
+      }
+    }
+    const resp = await FetchApi(data);
+    const gists = resp.viewer.gists.nodes?.reduce((acc, gist) => {
+        if (!gist) {
+          return acc;
+        }
+        const files = gist.files ?? [];
+        const gists = files.reduce(
+          (_acc, file) =>
+          file ?
+          [
+            ..._acc,
+            {
+              id: gist.id,
+              description: gist.description,
+              name: file.name || gist.name,
+              url: gist.url,
+            },
+          ] :
+          acc,
+          [],
+        );
+        return [...acc, ...gists];
+      }, []);
+
+    return gists;
+};
+
+export default getGists;

solidjs-tailwind/src/services/queries/gists.js

@@ -0,0 +1,17 @@
+export const USER_GISTS_QUERY =`
+  query UserGists {
+    viewer {
+      gists(last: 20, orderBy: { field: CREATED_AT, direction: DESC }) {
+        nodes {
+          id
+          description
+          url
+          name
+          files {
+            name
+          }
+        }
+      }
+    }
+  }
+`;