-
@@ -65,8 +81,8 @@ export default function GroupDetailPage() {
{group.name}
-+
{group.name}
+{formatAmount(group.contributionAmount)} tokens per cycle
-
-
+
+
+
Actions
@@ -86,30 +102,30 @@ export default function GroupDetailPage() {
-
-
+
+
Group Info
- - Status
- - {group.status}
+ - Status
+ - {getStatusLabel(group.status)}
- - Members
- -
+
- Members
+ -
{group.members.length}/{group.maxMembers}
- - Cycle
- -
+
- Cycle
+ -
{group.cycleLength / 86400} days
- - Pot Size
- -
+
- Pot Size
+ -
{formatAmount(
group.contributionAmount * BigInt(group.members.length)
)}{" "}
diff --git a/src/app/groups/page.tsx b/src/app/groups/page.tsx
index 7592365..af350a0 100644
--- a/src/app/groups/page.tsx
+++ b/src/app/groups/page.tsx
@@ -1,8 +1,41 @@
"use client";
+import Link from "next/link";
import { Navbar } from "@/components/Navbar";
import { GroupCard } from "@/components/GroupCard";
-import { SavingsGroup, GroupStatus } from "@sorosave/sdk";
+
+// Types (copied from SDK)
+enum GroupStatus {
+ Forming = 0,
+ Active = 1,
+ Completed = 2,
+ Disputed = 3,
+ Paused = 4,
+}
+
+interface SavingsGroup {
+ id: number;
+ name: string;
+ admin: string;
+ token: string;
+ contributionAmount: bigint;
+ cycleLength: number;
+ maxMembers: number;
+ members: string[];
+ payoutOrder: string[];
+ currentRound: number;
+ totalRounds: number;
+ status: GroupStatus;
+ createdAt: number;
+}
+
+function formatAmount(amount: bigint): string {
+ return (Number(amount) / 10000000).toFixed(2);
+}
+
+function getStatusLabel(status: GroupStatus): string {
+ return GroupStatus[status] || "Unknown";
+}
// Placeholder data for development — will be replaced with contract queries
const PLACEHOLDER_GROUPS: SavingsGroup[] = [
@@ -47,11 +80,11 @@ export default function GroupsPage() {
- Savings Groups
+ Savings Groups
{groups.length === 0 ? (
-
+
No groups found. Create the first one!
) : (
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 17200f3..dece8f7 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -14,8 +14,8 @@ export default function RootLayout({
children: React.ReactNode;
}) {
return (
-
-
+
+
{children}
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 670d0c6..5758dbf 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -39,7 +39,7 @@ export default function Home() {
{/* How it works */}
-
+
How It Works
@@ -70,13 +70,13 @@ export default function Home() {
},
].map((item) => (
-
+
{item.step}
-
+
{item.title}
-
{item.description}
+ {item.description}
))}
@@ -84,9 +84,9 @@ export default function Home() {
{/* Features */}
-
+
-
+
Why SoroSave?
@@ -109,12 +109,12 @@ export default function Home() {
].map((feature) => (
-
+
{feature.title}
-
{feature.description}
+ {feature.description}
))}
diff --git a/src/app/providers.tsx b/src/app/providers.tsx
index 98f8bf5..abd609d 100644
--- a/src/app/providers.tsx
+++ b/src/app/providers.tsx
@@ -2,6 +2,7 @@
import React, { createContext, useContext, useState, useCallback, useEffect } from "react";
import { connectWallet, getPublicKey, isFreighterInstalled } from "@/lib/wallet";
+import { ThemeProvider } from "@/components/ThemeProvider";
interface WalletContextType {
address: string | null;
@@ -45,16 +46,18 @@ export function Providers({ children }: { children: React.ReactNode }) {
}, []);
return (
-
- {children}
-
+
+
+ {children}
+
+
);
}
diff --git a/src/components/ConnectWallet.tsx b/src/components/ConnectWallet.tsx
index f039a0e..721c130 100644
--- a/src/components/ConnectWallet.tsx
+++ b/src/components/ConnectWallet.tsx
@@ -1,7 +1,11 @@
"use client";
import { useWallet } from "@/app/providers";
-import { shortenAddress } from "@sorosave/sdk";
+
+function shortenAddress(address: string): string {
+ if (!address || address.length < 8) return address;
+ return address.slice(0, 6) + "..." + address.slice(-4);
+}
export function ConnectWallet() {
const { address, isConnected, isFreighterAvailable, connect, disconnect } =
@@ -13,7 +17,7 @@ export function ConnectWallet() {
href="https://www.freighter.app/"
target="_blank"
rel="noopener noreferrer"
- className="bg-gray-200 text-gray-700 px-4 py-2 rounded-lg text-sm font-medium hover:bg-gray-300"
+ className="bg-gray-200 dark:bg-gray-700 text-gray-700 dark:text-gray-200 px-4 py-2 rounded-lg text-sm font-medium hover:bg-gray-300 dark:hover:bg-gray-600"
>
Install Freighter
@@ -23,12 +27,12 @@ export function ConnectWallet() {
if (isConnected && address) {
return (
-
+
{shortenAddress(address)}
diff --git a/src/components/ContributeModal.tsx b/src/components/ContributeModal.tsx
index 0d9d539..4ce009e 100644
--- a/src/components/ContributeModal.tsx
+++ b/src/components/ContributeModal.tsx
@@ -2,9 +2,11 @@
import { useState } from "react";
import { useWallet } from "@/app/providers";
-import { sorosaveClient, NETWORK_PASSPHRASE } from "@/lib/sorosave";
-import { formatAmount } from "@sorosave/sdk";
-import { signTransaction } from "@/lib/wallet";
+
+// Mock functions - would be imported from SDK/lib in production
+function formatAmount(amount: bigint): string {
+ return (Number(amount) / 10000000).toFixed(2);
+}
interface ContributeModalProps {
groupId: number;
@@ -32,14 +34,8 @@ export function ContributeModal({
setError(null);
try {
- const tx = await sorosaveClient.contribute(address, groupId, address);
- const signedXdr = await signTransaction(
- tx.toXDR(),
- NETWORK_PASSPHRASE
- );
-
- // TODO: Submit signed transaction
- console.log("Signed contribution:", signedXdr);
+ // TODO: Implement actual contribution via SDK
+ console.log("Contributing to group:", groupId);
onClose();
} catch (err) {
setError(err instanceof Error ? err.message : "Failed to contribute");
@@ -50,22 +46,22 @@ export function ContributeModal({
return (
-
-
+
+
Confirm Contribution
-
+
- Amount to contribute
-
+
Amount to contribute
+
{formatAmount(contributionAmount)} tokens
{error && (
-
+
{error}
)}
@@ -73,7 +69,7 @@ export function ContributeModal({
diff --git a/src/components/CreateGroupForm.tsx b/src/components/CreateGroupForm.tsx
index 0a1a767..9751c17 100644
--- a/src/components/CreateGroupForm.tsx
+++ b/src/components/CreateGroupForm.tsx
@@ -2,9 +2,11 @@
import { useState } from "react";
import { useWallet } from "@/app/providers";
-import { sorosaveClient, NETWORK_PASSPHRASE } from "@/lib/sorosave";
-import { parseAmount } from "@sorosave/sdk";
-import { signTransaction } from "@/lib/wallet";
+
+// Mock functions - would be imported from SDK in production
+function parseAmount(amount: string): bigint {
+ return BigInt(Math.floor(parseFloat(amount) * 10000000));
+}
export function CreateGroupForm() {
const { address, isConnected } = useWallet();
@@ -24,25 +26,15 @@ export function CreateGroupForm() {
setError(null);
try {
- const tx = await sorosaveClient.createGroup(
- {
- admin: address,
- name,
- token: tokenAddress,
- contributionAmount: parseAmount(contributionAmount),
- cycleLength: parseInt(cycleLength),
- maxMembers: parseInt(maxMembers),
- },
- address
- );
-
- const signedXdr = await signTransaction(
- tx.toXDR(),
- NETWORK_PASSPHRASE
- );
-
- // TODO: Submit signed transaction to network
- console.log("Signed transaction:", signedXdr);
+ // TODO: Implement actual group creation via SDK
+ console.log("Creating group:", {
+ admin: address,
+ name,
+ token: tokenAddress,
+ contributionAmount: parseAmount(contributionAmount),
+ cycleLength: parseInt(cycleLength),
+ maxMembers: parseInt(maxMembers),
+ });
alert("Group created successfully!");
} catch (err) {
setError(err instanceof Error ? err.message : "Failed to create group");
@@ -53,7 +45,7 @@ export function CreateGroupForm() {
if (!isConnected) {
return (
-
+
Please connect your wallet to create a group.
);
@@ -62,7 +54,7 @@ export function CreateGroupForm() {
return (
Actions
@@ -86,30 +102,30 @@ export default function GroupDetailPage() {
+
+
Group Info
- - Status
- - {group.status}
+ - Status
+ - {getStatusLabel(group.status)}
- - Members
- -
+
- Members
+ -
{group.members.length}/{group.maxMembers}
- - Cycle
- -
+
- Cycle
+ -
{group.cycleLength / 86400} days
- - Pot Size
- -
+
- Pot Size
+ -
{formatAmount(
group.contributionAmount * BigInt(group.members.length)
)}{" "}
diff --git a/src/app/groups/page.tsx b/src/app/groups/page.tsx
index 7592365..af350a0 100644
--- a/src/app/groups/page.tsx
+++ b/src/app/groups/page.tsx
@@ -1,8 +1,41 @@
"use client";
+import Link from "next/link";
import { Navbar } from "@/components/Navbar";
import { GroupCard } from "@/components/GroupCard";
-import { SavingsGroup, GroupStatus } from "@sorosave/sdk";
+
+// Types (copied from SDK)
+enum GroupStatus {
+ Forming = 0,
+ Active = 1,
+ Completed = 2,
+ Disputed = 3,
+ Paused = 4,
+}
+
+interface SavingsGroup {
+ id: number;
+ name: string;
+ admin: string;
+ token: string;
+ contributionAmount: bigint;
+ cycleLength: number;
+ maxMembers: number;
+ members: string[];
+ payoutOrder: string[];
+ currentRound: number;
+ totalRounds: number;
+ status: GroupStatus;
+ createdAt: number;
+}
+
+function formatAmount(amount: bigint): string {
+ return (Number(amount) / 10000000).toFixed(2);
+}
+
+function getStatusLabel(status: GroupStatus): string {
+ return GroupStatus[status] || "Unknown";
+}
// Placeholder data for development — will be replaced with contract queries
const PLACEHOLDER_GROUPS: SavingsGroup[] = [
@@ -47,11 +80,11 @@ export default function GroupsPage() {
- Savings Groups
+ Savings Groups
{groups.length === 0 ? (
-
+
No groups found. Create the first one!
) : (
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 17200f3..dece8f7 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -14,8 +14,8 @@ export default function RootLayout({
children: React.ReactNode;
}) {
return (
-
-
+
+
{children}
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 670d0c6..5758dbf 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -39,7 +39,7 @@ export default function Home() {
{/* How it works */}
-
+
How It Works
@@ -70,13 +70,13 @@ export default function Home() {
},
].map((item) => (
-
+
{item.step}
-
+
{item.title}
-
{item.description}
+ {item.description}
))}
@@ -84,9 +84,9 @@ export default function Home() {
{/* Features */}
-
+
-
+
Why SoroSave?
@@ -109,12 +109,12 @@ export default function Home() {
].map((feature) => (
-
+
{feature.title}
-
{feature.description}
+ {feature.description}
))}
diff --git a/src/app/providers.tsx b/src/app/providers.tsx
index 98f8bf5..abd609d 100644
--- a/src/app/providers.tsx
+++ b/src/app/providers.tsx
@@ -2,6 +2,7 @@
import React, { createContext, useContext, useState, useCallback, useEffect } from "react";
import { connectWallet, getPublicKey, isFreighterInstalled } from "@/lib/wallet";
+import { ThemeProvider } from "@/components/ThemeProvider";
interface WalletContextType {
address: string | null;
@@ -45,16 +46,18 @@ export function Providers({ children }: { children: React.ReactNode }) {
}, []);
return (
-
- {children}
-
+
+
+ {children}
+
+
);
}
diff --git a/src/components/ConnectWallet.tsx b/src/components/ConnectWallet.tsx
index f039a0e..721c130 100644
--- a/src/components/ConnectWallet.tsx
+++ b/src/components/ConnectWallet.tsx
@@ -1,7 +1,11 @@
"use client";
import { useWallet } from "@/app/providers";
-import { shortenAddress } from "@sorosave/sdk";
+
+function shortenAddress(address: string): string {
+ if (!address || address.length < 8) return address;
+ return address.slice(0, 6) + "..." + address.slice(-4);
+}
export function ConnectWallet() {
const { address, isConnected, isFreighterAvailable, connect, disconnect } =
@@ -13,7 +17,7 @@ export function ConnectWallet() {
href="https://www.freighter.app/"
target="_blank"
rel="noopener noreferrer"
- className="bg-gray-200 text-gray-700 px-4 py-2 rounded-lg text-sm font-medium hover:bg-gray-300"
+ className="bg-gray-200 dark:bg-gray-700 text-gray-700 dark:text-gray-200 px-4 py-2 rounded-lg text-sm font-medium hover:bg-gray-300 dark:hover:bg-gray-600"
>
Install Freighter
@@ -23,12 +27,12 @@ export function ConnectWallet() {
if (isConnected && address) {
return (
-
+
{shortenAddress(address)}
diff --git a/src/components/ContributeModal.tsx b/src/components/ContributeModal.tsx
index 0d9d539..4ce009e 100644
--- a/src/components/ContributeModal.tsx
+++ b/src/components/ContributeModal.tsx
@@ -2,9 +2,11 @@
import { useState } from "react";
import { useWallet } from "@/app/providers";
-import { sorosaveClient, NETWORK_PASSPHRASE } from "@/lib/sorosave";
-import { formatAmount } from "@sorosave/sdk";
-import { signTransaction } from "@/lib/wallet";
+
+// Mock functions - would be imported from SDK/lib in production
+function formatAmount(amount: bigint): string {
+ return (Number(amount) / 10000000).toFixed(2);
+}
interface ContributeModalProps {
groupId: number;
@@ -32,14 +34,8 @@ export function ContributeModal({
setError(null);
try {
- const tx = await sorosaveClient.contribute(address, groupId, address);
- const signedXdr = await signTransaction(
- tx.toXDR(),
- NETWORK_PASSPHRASE
- );
-
- // TODO: Submit signed transaction
- console.log("Signed contribution:", signedXdr);
+ // TODO: Implement actual contribution via SDK
+ console.log("Contributing to group:", groupId);
onClose();
} catch (err) {
setError(err instanceof Error ? err.message : "Failed to contribute");
@@ -50,22 +46,22 @@ export function ContributeModal({
return (
-
-
+
+
Confirm Contribution
-
+
- Amount to contribute
-
+
Amount to contribute
+
{formatAmount(contributionAmount)} tokens
{error && (
-
+
{error}
)}
@@ -73,7 +69,7 @@ export function ContributeModal({
diff --git a/src/components/CreateGroupForm.tsx b/src/components/CreateGroupForm.tsx
index 0a1a767..9751c17 100644
--- a/src/components/CreateGroupForm.tsx
+++ b/src/components/CreateGroupForm.tsx
@@ -2,9 +2,11 @@
import { useState } from "react";
import { useWallet } from "@/app/providers";
-import { sorosaveClient, NETWORK_PASSPHRASE } from "@/lib/sorosave";
-import { parseAmount } from "@sorosave/sdk";
-import { signTransaction } from "@/lib/wallet";
+
+// Mock functions - would be imported from SDK in production
+function parseAmount(amount: string): bigint {
+ return BigInt(Math.floor(parseFloat(amount) * 10000000));
+}
export function CreateGroupForm() {
const { address, isConnected } = useWallet();
@@ -24,25 +26,15 @@ export function CreateGroupForm() {
setError(null);
try {
- const tx = await sorosaveClient.createGroup(
- {
- admin: address,
- name,
- token: tokenAddress,
- contributionAmount: parseAmount(contributionAmount),
- cycleLength: parseInt(cycleLength),
- maxMembers: parseInt(maxMembers),
- },
- address
- );
-
- const signedXdr = await signTransaction(
- tx.toXDR(),
- NETWORK_PASSPHRASE
- );
-
- // TODO: Submit signed transaction to network
- console.log("Signed transaction:", signedXdr);
+ // TODO: Implement actual group creation via SDK
+ console.log("Creating group:", {
+ admin: address,
+ name,
+ token: tokenAddress,
+ contributionAmount: parseAmount(contributionAmount),
+ cycleLength: parseInt(cycleLength),
+ maxMembers: parseInt(maxMembers),
+ });
alert("Group created successfully!");
} catch (err) {
setError(err instanceof Error ? err.message : "Failed to create group");
@@ -53,7 +45,7 @@ export function CreateGroupForm() {
if (!isConnected) {
return (
-
+
Please connect your wallet to create a group.
);
@@ -62,7 +54,7 @@ export function CreateGroupForm() {
return (
Group Info
- Status -
- {group.status} +
- Status +
- {getStatusLabel(group.status)}
- Members -
- +
- Members +
- {group.members.length}/{group.maxMembers}
- Cycle -
- +
- Cycle +
- {group.cycleLength / 86400} days
- Pot Size -
- +
- Pot Size +
-
{formatAmount(
group.contributionAmount * BigInt(group.members.length)
)}{" "}
diff --git a/src/app/groups/page.tsx b/src/app/groups/page.tsx
index 7592365..af350a0 100644
--- a/src/app/groups/page.tsx
+++ b/src/app/groups/page.tsx
@@ -1,8 +1,41 @@
"use client";
+import Link from "next/link";
import { Navbar } from "@/components/Navbar";
import { GroupCard } from "@/components/GroupCard";
-import { SavingsGroup, GroupStatus } from "@sorosave/sdk";
+
+// Types (copied from SDK)
+enum GroupStatus {
+ Forming = 0,
+ Active = 1,
+ Completed = 2,
+ Disputed = 3,
+ Paused = 4,
+}
+
+interface SavingsGroup {
+ id: number;
+ name: string;
+ admin: string;
+ token: string;
+ contributionAmount: bigint;
+ cycleLength: number;
+ maxMembers: number;
+ members: string[];
+ payoutOrder: string[];
+ currentRound: number;
+ totalRounds: number;
+ status: GroupStatus;
+ createdAt: number;
+}
+
+function formatAmount(amount: bigint): string {
+ return (Number(amount) / 10000000).toFixed(2);
+}
+
+function getStatusLabel(status: GroupStatus): string {
+ return GroupStatus[status] || "Unknown";
+}
// Placeholder data for development — will be replaced with contract queries
const PLACEHOLDER_GROUPS: SavingsGroup[] = [
@@ -47,11 +80,11 @@ export default function GroupsPage() {
-{groups.length === 0 ? ( -
Savings Groups
+Savings Groups
+No groups found. Create the first one!) : ( diff --git a/src/app/layout.tsx b/src/app/layout.tsx index 17200f3..dece8f7 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -14,8 +14,8 @@ export default function RootLayout({ children: React.ReactNode; }) { return ( - - + +{children} diff --git a/src/app/page.tsx b/src/app/page.tsx index 670d0c6..5758dbf 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -39,7 +39,7 @@ export default function Home() { {/* How it works */}-+
How It Works
@@ -70,13 +70,13 @@ export default function Home() { }, ].map((item) => (-@@ -84,9 +84,9 @@ export default function Home() { {/* Features */} -+))}{item.step}-+
{item.title}
-{item.description}
+{item.description}
+ -+
Why SoroSave?
@@ -109,12 +109,12 @@ export default function Home() { ].map((feature) => (diff --git a/src/app/providers.tsx b/src/app/providers.tsx index 98f8bf5..abd609d 100644 --- a/src/app/providers.tsx +++ b/src/app/providers.tsx @@ -2,6 +2,7 @@ import React, { createContext, useContext, useState, useCallback, useEffect } from "react"; import { connectWallet, getPublicKey, isFreighterInstalled } from "@/lib/wallet"; +import { ThemeProvider } from "@/components/ThemeProvider"; interface WalletContextType { address: string | null; @@ -45,16 +46,18 @@ export function Providers({ children }: { children: React.ReactNode }) { }, []); return ( --))}+
{feature.title}
-{feature.description}
+{feature.description}
- {children} - ++ ); } diff --git a/src/components/ConnectWallet.tsx b/src/components/ConnectWallet.tsx index f039a0e..721c130 100644 --- a/src/components/ConnectWallet.tsx +++ b/src/components/ConnectWallet.tsx @@ -1,7 +1,11 @@ "use client"; import { useWallet } from "@/app/providers"; -import { shortenAddress } from "@sorosave/sdk"; + +function shortenAddress(address: string): string { + if (!address || address.length < 8) return address; + return address.slice(0, 6) + "..." + address.slice(-4); +} export function ConnectWallet() { const { address, isConnected, isFreighterAvailable, connect, disconnect } = @@ -13,7 +17,7 @@ export function ConnectWallet() { href="https://www.freighter.app/" target="_blank" rel="noopener noreferrer" - className="bg-gray-200 text-gray-700 px-4 py-2 rounded-lg text-sm font-medium hover:bg-gray-300" + className="bg-gray-200 dark:bg-gray-700 text-gray-700 dark:text-gray-200 px-4 py-2 rounded-lg text-sm font-medium hover:bg-gray-300 dark:hover:bg-gray-600" > Install Freighter @@ -23,12 +27,12 @@ export function ConnectWallet() { if (isConnected && address) { return (+ {children} + +- + {shortenAddress(address)} diff --git a/src/components/ContributeModal.tsx b/src/components/ContributeModal.tsx index 0d9d539..4ce009e 100644 --- a/src/components/ContributeModal.tsx +++ b/src/components/ContributeModal.tsx @@ -2,9 +2,11 @@ import { useState } from "react"; import { useWallet } from "@/app/providers"; -import { sorosaveClient, NETWORK_PASSPHRASE } from "@/lib/sorosave"; -import { formatAmount } from "@sorosave/sdk"; -import { signTransaction } from "@/lib/wallet"; + +// Mock functions - would be imported from SDK/lib in production +function formatAmount(amount: bigint): string { + return (Number(amount) / 10000000).toFixed(2); +} interface ContributeModalProps { groupId: number; @@ -32,14 +34,8 @@ export function ContributeModal({ setError(null); try { - const tx = await sorosaveClient.contribute(address, groupId, address); - const signedXdr = await signTransaction( - tx.toXDR(), - NETWORK_PASSPHRASE - ); - - // TODO: Submit signed transaction - console.log("Signed contribution:", signedXdr); + // TODO: Implement actual contribution via SDK + console.log("Contributing to group:", groupId); onClose(); } catch (err) { setError(err instanceof Error ? err.message : "Failed to contribute"); @@ -50,22 +46,22 @@ export function ContributeModal({ return (--+
+Confirm Contribution
-+{error && ( --Amount to contribute
-+
Amount to contribute
+{formatAmount(contributionAmount)} tokens
+{error})} @@ -73,7 +69,7 @@ export function ContributeModal({diff --git a/src/components/CreateGroupForm.tsx b/src/components/CreateGroupForm.tsx index 0a1a767..9751c17 100644 --- a/src/components/CreateGroupForm.tsx +++ b/src/components/CreateGroupForm.tsx @@ -2,9 +2,11 @@ import { useState } from "react"; import { useWallet } from "@/app/providers"; -import { sorosaveClient, NETWORK_PASSPHRASE } from "@/lib/sorosave"; -import { parseAmount } from "@sorosave/sdk"; -import { signTransaction } from "@/lib/wallet"; + +// Mock functions - would be imported from SDK in production +function parseAmount(amount: string): bigint { + return BigInt(Math.floor(parseFloat(amount) * 10000000)); +} export function CreateGroupForm() { const { address, isConnected } = useWallet(); @@ -24,25 +26,15 @@ export function CreateGroupForm() { setError(null); try { - const tx = await sorosaveClient.createGroup( - { - admin: address, - name, - token: tokenAddress, - contributionAmount: parseAmount(contributionAmount), - cycleLength: parseInt(cycleLength), - maxMembers: parseInt(maxMembers), - }, - address - ); - - const signedXdr = await signTransaction( - tx.toXDR(), - NETWORK_PASSPHRASE - ); - - // TODO: Submit signed transaction to network - console.log("Signed transaction:", signedXdr); + // TODO: Implement actual group creation via SDK + console.log("Creating group:", { + admin: address, + name, + token: tokenAddress, + contributionAmount: parseAmount(contributionAmount), + cycleLength: parseInt(cycleLength), + maxMembers: parseInt(maxMembers), + }); alert("Group created successfully!"); } catch (err) { setError(err instanceof Error ? err.message : "Failed to create group"); @@ -53,7 +45,7 @@ export function CreateGroupForm() { if (!isConnected) { return ( -+Please connect your wallet to create a group.); @@ -62,7 +54,7 @@ export function CreateGroupForm() { return (
-
-
-
-