+ );
+}
diff --git a/projects/cookey/cookey/src/hooks/useUserData.ts b/projects/cookey/cookey/src/hooks/useUserData.ts
new file mode 100644
index 00000000..200b933f
--- /dev/null
+++ b/projects/cookey/cookey/src/hooks/useUserData.ts
@@ -0,0 +1,92 @@
+import { AxiosError } from 'axios';
+import { useEffect, useState } from 'react';
+import { createUser, getUserData } from '../utils/api';
+
+export interface UserData {
+ wallet: string | undefined;
+ point: number;
+ credits: number;
+}
+
+export const useUserData = (wallet: string | undefined) => {
+ const [userData, setUserData] = useState(null);
+ const [loading, setLoading] = useState(false);
+ const [error, setError] = useState(null);
+
+ useEffect(() => {
+ const fetchUserData = async () => {
+ if (!wallet) return;
+
+ setLoading(true);
+ setError(null);
+
+ console.log('Attempting to fetch user data for wallet:', wallet);
+ try {
+ // Try to get existing user data
+ const data = await getUserData(wallet);
+ console.log('Raw user data received:', data);
+
+ // Validate the data structure
+ if (
+ typeof data.point !== 'number' ||
+ typeof data.credits !== 'number'
+ ) {
+ console.error('Invalid data format in response:', data);
+ setError('Invalid data format received');
+ return;
+ }
+
+ setUserData(data);
+ console.log(
+ 'User data set with point value:',
+ data.point,
+ 'and credits:',
+ data.credits
+ );
+ } catch (error) {
+ const axiosError = error as AxiosError;
+ console.log('Error response status:', axiosError.response?.status);
+ console.log('Full error:', axiosError);
+
+ if (axiosError.response?.status === 404) {
+ console.log('User not found, attempting to create new user');
+ // If user doesn't exist, create new user
+ try {
+ const newUser = await createUser(wallet);
+ console.log('New user created with data:', newUser);
+
+ // Validate the new user data
+ if (
+ typeof newUser.point !== 'number' ||
+ typeof newUser.credits !== 'number'
+ ) {
+ console.error('Invalid data format in new user:', newUser);
+ setError('Invalid data format for new user');
+ return;
+ }
+
+ setUserData(newUser);
+ console.log(
+ 'New user data set with point value:',
+ newUser.point,
+ 'and credits:',
+ newUser.credits
+ );
+ } catch (createError) {
+ console.error('Failed to create user:', createError);
+ setError('Failed to create user');
+ }
+ } else {
+ console.error('Failed to fetch user data:', axiosError);
+ setError('Failed to fetch user data');
+ }
+ } finally {
+ setLoading(false);
+ }
+ };
+
+ fetchUserData();
+ }, [wallet]);
+
+ return { userData, loading, error };
+};
diff --git a/projects/cookey/cookey/src/index.css b/projects/cookey/cookey/src/index.css
new file mode 100644
index 00000000..b5c61c95
--- /dev/null
+++ b/projects/cookey/cookey/src/index.css
@@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
diff --git a/projects/cookey/cookey/src/main.tsx b/projects/cookey/cookey/src/main.tsx
new file mode 100644
index 00000000..90d1070e
--- /dev/null
+++ b/projects/cookey/cookey/src/main.tsx
@@ -0,0 +1,33 @@
+import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
+import { StrictMode } from 'react';
+import { createRoot } from 'react-dom/client';
+import { http } from 'viem';
+import { createConfig, WagmiConfig } from 'wagmi';
+import { injected, walletConnect } from 'wagmi/connectors';
+import App from './App.tsx';
+import './index.css';
+import { activeChain } from './utils/blockchain';
+
+const queryClient = new QueryClient();
+const config = createConfig({
+ chains: [activeChain],
+ connectors: [
+ injected(),
+ walletConnect({
+ projectId: '9a225b6bfcedbe8a131abc712204f6b4',
+ }),
+ ],
+ transports: {
+ [activeChain.id]: http(),
+ },
+});
+
+createRoot(document.getElementById('root')!).render(
+
+
+
+
+
+
+
+);
diff --git a/projects/cookey/cookey/src/pages/Home.tsx b/projects/cookey/cookey/src/pages/Home.tsx
new file mode 100644
index 00000000..a227982a
--- /dev/null
+++ b/projects/cookey/cookey/src/pages/Home.tsx
@@ -0,0 +1,52 @@
+import { useEffect } from 'react';
+import { useNavigate } from 'react-router-dom';
+import { useAccount } from 'wagmi';
+import cookey from '../assets/cookey1.jpg';
+import WalletConnect from '../components/WalletConnect';
+
+export default function Home() {
+ const { isConnected } = useAccount();
+ const navigate = useNavigate();
+
+ useEffect(() => {
+ if (isConnected) {
+ navigate('/deck');
+ }
+ }, [isConnected, navigate]);
+
+ if (!isConnected) {
+ return (
+
+
+
+
+
Cookey
+
Predict. Vote. Earn.
+
+
+
About Cookey
+
+ A social quiz platform based on collective intelligence where users
+ answer questions or predict others' choices to earn rewards. Powered
+ by Haeshi Key chain.
+
+
+
+
+
+
+ Please connect your wallet to participate in surveys
+
+ setIsBuyCreditsModalOpen(false)}
+ onBuyCredits={async (amount) => {
+ try {
+ console.log('Buying credits:', amount);
+ // Here you would typically make an API call to purchase credits
+ // For now, we'll just close the modal
+ setIsBuyCreditsModalOpen(false);
+ } catch (err) {
+ console.error('Failed to purchase credits:', err);
+ // You might want to show an error toast or message here
+ }
+ }}
+ />
+
+ );
+}
diff --git a/projects/cookey/cookey/src/pages/Settings.tsx b/projects/cookey/cookey/src/pages/Settings.tsx
new file mode 100644
index 00000000..ac7c3cbf
--- /dev/null
+++ b/projects/cookey/cookey/src/pages/Settings.tsx
@@ -0,0 +1,15 @@
+export default function Settings() {
+ return (
+
+
+
+
+
+
+
+
+ 
+ 
+ 
+
+