-
Link AeThex & Matrix Accounts
- {error &&
{error}
}
- {step === 1 && (
-
- )}
- {step === 2 && (
-
- )}
+
+
+
+
AeThex Connect
+
Sign in to your account
+
+ {error &&
{error}
}
+ {/* Show MatrixProvider error if present */}
+ {matrixCtx && matrixCtx.error && (
+
Matrix error: {matrixCtx.error}
+ )}
+ {step === 1 && (
+
+ )}
+ {step === 2 && (
+
+ )}
+
+
+
);
}
diff --git a/astro-site/src/components/auth/LoginIsland.jsx b/astro-site/src/components/auth/LoginIsland.jsx
new file mode 100644
index 0000000..189de02
--- /dev/null
+++ b/astro-site/src/components/auth/LoginIsland.jsx
@@ -0,0 +1,11 @@
+import React from "react";
+import { MatrixProvider } from "../matrix/MatrixProvider.jsx";
+import AccountLinker from "./AccountLinker.jsx";
+
+export default function LoginIsland() {
+ return (
+
+ {}} />
+
+ );
+}
diff --git a/astro-site/src/components/matrix/MatrixProvider.jsx b/astro-site/src/components/matrix/MatrixProvider.jsx
index c425108..05280dd 100644
--- a/astro-site/src/components/matrix/MatrixProvider.jsx
+++ b/astro-site/src/components/matrix/MatrixProvider.jsx
@@ -1,5 +1,5 @@
import React, { createContext, useContext, useEffect, useState, useCallback } from "react";
-import sdk from "matrix-js-sdk";
+import * as sdk from "matrix-js-sdk";
const MatrixContext = createContext(null);
diff --git a/astro-site/src/components/mockup/ChatArea.jsx b/astro-site/src/components/mockup/ChatArea.jsx
index fb561f0..fed4d27 100644
--- a/astro-site/src/components/mockup/ChatArea.jsx
+++ b/astro-site/src/components/mockup/ChatArea.jsx
@@ -2,12 +2,13 @@ import React, { useEffect } from "react";
import Message from "./Message";
import MessageInput from "./MessageInput";
import { useMatrix } from "../matrix/MatrixProvider.jsx";
+import DemoLoginButton from "./DemoLoginButton.jsx";
// Default room to join (replace with your Matrix room ID)
const DEFAULT_ROOM_ID = "!foundation:matrix.org";
export default function ChatArea() {
- const { messages, joinRoom, currentRoomId, user } = useMatrix();
+ const { messages, joinRoom, currentRoomId, user, login, loading } = useMatrix();
// Join the default room on login
useEffect(() => {
@@ -16,6 +17,22 @@ export default function ChatArea() {
}
}, [user, currentRoomId, joinRoom]);
+ // Demo login handler
+ const handleDemoLogin = () => {
+ // Use a public Matrix test account or a known demo account
+ // You can change these credentials as needed
+ login("@mrpiglr:matrix.org", "Max!FTW2023!", "https://matrix.org");
+ };
+
+ if (!user) {
+ return (
+
+
+ {loading &&
Logging in as demo user...
}
+
+ );
+ }
+
return (
{/* Chat Header */}
@@ -43,9 +60,11 @@ export default function ChatArea() {