-
+ )}
+
);
}
-function LoginContent() {
+function LoginContent(props: { setHidden: () => void }) {
+ let [phone, setPhone] = useState("");
+ let [phoneCode, setPhoneCode] = useState("");
+ let codeHash = useSelectCodeHash();
+ const dispatch = useDispatch();
+
+ let handleSendCode = () => {
+ sendSignInCode(phone)
+ .then((hash) => {
+ dispatch(setCodeHash(hash));
+ })
+ .catch((e) => {
+ alert(e.error_message);
+ });
+ };
+
+ let handleLogin = () => {
+ signIn(phone, phoneCode, codeHash)
+ .then((e) => {
+ dispatch(login(e.user));
+ props.setHidden();
+ alert("登录成功");
+ })
+ .catch((e) => {
+ alert(e.error_message);
+ });
+ };
+
return (
-
-
-
+
+ {codeHash === "" ? (
+ <>
+
+
+ setPhone(e.target.value)}
+ />
+
+
+
+ ) : (
+
+
+ setPhoneCode(e.target.value)}
+ />
+
+
+ )}
);
}
diff --git a/src/store.ts b/src/store.ts
new file mode 100644
index 0000000..1739556
--- /dev/null
+++ b/src/store.ts
@@ -0,0 +1,11 @@
+import { configureStore, getDefaultMiddleware } from "@reduxjs/toolkit";
+import userReducer from "./store/user";
+
+export default configureStore({
+ reducer: {
+ user: userReducer,
+ },
+ middleware: getDefaultMiddleware({
+ serializableCheck: false,
+ }),
+});
diff --git a/src/store/user.ts b/src/store/user.ts
new file mode 100644
index 0000000..9299a77
--- /dev/null
+++ b/src/store/user.ts
@@ -0,0 +1,40 @@
+import { createSlice } from "@reduxjs/toolkit";
+import { useSelector } from "react-redux";
+
+const User = createSlice({
+ name: "user",
+ initialState: {
+ codeHash: "",
+ isLoggedIn: false,
+ user: {},
+ },
+ reducers: {
+ login: (state, action) => {
+ state.isLoggedIn = true;
+ state.user = action.payload;
+ },
+ logout: (state) => {
+ state.isLoggedIn = false;
+ state.user = {};
+ },
+ setCodeHash: (state, action) => {
+ state.codeHash = action.payload;
+ },
+ },
+});
+
+export function useSelectorUser() {
+ return useSelector((state: any) => state.user.user);
+}
+
+export function useSelectorIsLoggedIn() {
+ return useSelector((state: any) => state.user.isLoggedIn);
+}
+
+export function useSelectCodeHash() {
+ return useSelector((state: any) => state.user.codeHash);
+}
+
+export const { login, logout, setCodeHash } = User.actions;
+
+export default User.reducer;
diff --git a/src/telegram/telegram.ts b/src/telegram/telegram.ts
index 1e8b4b2..eeb42de 100644
--- a/src/telegram/telegram.ts
+++ b/src/telegram/telegram.ts
@@ -15,7 +15,7 @@ class TelegramHelper {
this.client = new Client({
api_id: appID,
api_hash: appHash,
- test: false,
+ test: true,
});
} else {
let createTransport = function (dc: any, crypto: any) {
@@ -47,15 +47,15 @@ class TelegramHelper {
hideLog: boolean = false
): Promise
{
try {
- !hideLog && console.log(`${method} req\n${params}`);
+ !hideLog && console.debug(`${method} req\n%o`, params);
options = {
...options,
};
let resp = await this.client.call(method, params, options);
- !hideLog && console.log(`${method} resp\n${resp}`);
+ !hideLog && console.debug(`${method} resp\n%o`, resp);
return resp;
} catch (error) {
- !hideLog && console.log(`${method} error:`, error);
+ !hideLog && console.debug(`${method} error\n%o`, error);
// @ts-ignore
const { error_code, error_message } = error;
diff --git a/vite.config.ts b/vite.config.ts
index b1b5f91..7d3fa6f 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -1,7 +1,11 @@
-import { defineConfig } from 'vite'
-import react from '@vitejs/plugin-react'
+import { defineConfig } from "vite";
+import react from "@vitejs/plugin-react";
// https://vitejs.dev/config/
export default defineConfig({
- plugins: [react()]
-})
+ server: {
+ port: 3000,
+ host: true,
+ },
+ plugins: [react()],
+});