feat: useSessionize (#171)

* feat: useSettionize

* add EOL

Author: maito1201

.env.tmpl

@@ -1 +1,2 @@
 NEXT_PUBLIC_AUTH_PASSWORD_HASH="password_hashed_via_sha256"
+NEXT_PUBLIC_SESSIONIZE_ID="ih39r9wq"

package.json

@@ -22,6 +22,7 @@
     "react-dom": "18.2.0",
     "react-i18next": "11.18.6",
     "react-rewards": "^2.0.4",
+    "swr": "2.0.3",
     "use-local-storage-state": "18.1.1"
   },
   "devDependencies": {

src/components/pages/PageTop/index.tsx

@@ -1,6 +1,7 @@
 import type { NextPage } from 'next'
 import { Layout } from 'src/components/commons'
 import { useTranslation } from 'react-i18next'
+import { useSessionize } from 'src/modules/sessionize/hooks'
 import {
   MainVisual,
   TopDescription,
@@ -12,6 +13,10 @@ import {
 export const PageTop: NextPage = () => {
   const { t } = useTranslation()
 
+  // TODO(@maito1201): 取得したデータを基にセッションデータを表示する
+  const { data } = useSessionize()
+  console.log('session data', data)
+
   return (
     <Layout>
       <MainVisual />

src/modules/sessionize/hooks.ts

@@ -0,0 +1,6 @@
+import useSWR, { Fetcher } from 'swr'
+
+const fetcher: Fetcher<string> = (url: string): Promise<any> => fetch(url).then(res => res.json())
+export const useSessionize = () => {
+  return useSWR(`https://sessionize.com/api/v2/${process.env.NEXT_PUBLIC_SESSIONIZE_ID}/view/All`, fetcher)
+}

yarn.lock

@@ -10993,6 +10993,13 @@ supports-preserve-symlinks-flag@^1.0.0:
   resolved "https://registry.yarnpkg.com/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz#6eda4bd344a3c94aea376d4cc31bc77311039e09"
   integrity sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==
 
+[email protected]:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/swr/-/swr-2.0.3.tgz#9fe59a17f55b0fdddccd76b7b2f723f9f8e2263e"
+  integrity sha512-sGvQDok/AHEWTPfhUWXEHBVEXmgGnuahyhmRQbjl9XBYxT/MSlAzvXEKQpyM++bMPaI52vcWS2HiKNaW7+9OFw==
+  dependencies:
+    use-sync-external-store "^1.2.0"
+
 symbol.prototype.description@^1.0.0:
   version "1.0.5"
   resolved "https://registry.yarnpkg.com/symbol.prototype.description/-/symbol.prototype.description-1.0.5.tgz#d30e01263b6020fbbd2d2884a6276ce4d49ab568"
@@ -11556,7 +11563,7 @@ [email protected]:
   resolved "https://registry.yarnpkg.com/use-local-storage-state/-/use-local-storage-state-18.1.1.tgz#40e535aebed7770258e0a3a7b6923a86d9c0c52f"
   integrity sha512-09bl6q3mkSlkEt8KeBPCmdPEWEojWYF70Qbz+7wkfQX1feaFITM9m84+h0Jr6Cnf/IvpahkFh7UbX2VNN3ioTQ==
 
-[email protected]:
+[email protected], use-sync-external-store@^1.2.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/use-sync-external-store/-/use-sync-external-store-1.2.0.tgz#7dbefd6ef3fe4e767a0cf5d7287aacfb5846928a"
   integrity sha512-eEgnFxGQ1Ife9bzYs6VLi8/4X6CObHMw9Qr9tPY43iKwsPw8xE8+EFsf/2cFZ5S3esXgpWgtSCtLNS41F+sKPA==