From ea17ab2ddd2d539b1108e2fc72c0e19a8ad6997e Mon Sep 17 00:00:00 2001
From: CrescentLeaf <crescentleaf@noreply.codeberg.org>
Date: Sun, 14 Sep 2025 00:12:50 +0800
Subject: [PATCH] chore: rename ChatFragment. js -> ts

---
 client/ui/App.tsx               |  4 +-
 client/ui/AppMobile.tsx         |  5 +--
 client/ui/chat/ChatFragment.jsx | 65 ---------------------------------
 3 files changed, 4 insertions(+), 70 deletions(-)
 delete mode 100644 client/ui/chat/ChatFragment.jsx

diff --git a/client/ui/App.tsx b/client/ui/App.tsx
index 42d0b73..904da2a 100644
--- a/client/ui/App.tsx
+++ b/client/ui/App.tsx
@@ -1,6 +1,6 @@
 import Client from "../api/Client.ts"
 import data from "../Data.ts"
-import ChatFragment from "./chat/ChatFragment.jsx"
+import ChatFragment from "./chat/ChatFragment.tsx"
 import ContactsListItem from "./main/ContactsListItem.jsx"
 import RecentsListItem from "./main/RecentsListItem.jsx"
 import useEventListener from './useEventListener.ts'
@@ -9,7 +9,7 @@ import RecentChat from "../api/client_data/RecentChat.ts"
 import Avatar from "./Avatar.tsx"
 
 import * as React from 'react'
-import { Button, ButtonIcon, Dialog, NavigationRail, TextField } from "mdui"
+import { Dialog, NavigationRail, TextField } from "mdui"
 import Split from 'split.js'
 import 'mdui/jsx.zh-cn.d.ts'
 import { checkApiSuccessOrSncakbar } from "./snackbar.ts"
diff --git a/client/ui/AppMobile.tsx b/client/ui/AppMobile.tsx
index 0c2dcd9..3443297 100644
--- a/client/ui/AppMobile.tsx
+++ b/client/ui/AppMobile.tsx
@@ -1,6 +1,6 @@
 import Client from "../api/Client.ts"
 import data from "../Data.ts"
-import ChatFragment from "./chat/ChatFragment.jsx"
+import ChatFragment from "./chat/ChatFragment.tsx"
 import ContactsListItem from "./main/ContactsListItem.jsx"
 import RecentsListItem from "./main/RecentsListItem.jsx"
 import useEventListener from './useEventListener.ts'
@@ -9,8 +9,7 @@ import RecentChat from "../api/client_data/RecentChat.ts"
 import Avatar from "./Avatar.tsx"
 
 import * as React from 'react'
-import { Button, ButtonIcon, Dialog, NavigationBar, TextField } from "mdui"
-import Split from 'split.js'
+import { Dialog, NavigationBar, TextField } from "mdui"
 import 'mdui/jsx.zh-cn.d.ts'
 import { checkApiSuccessOrSncakbar } from "./snackbar.ts"
 
diff --git a/client/ui/chat/ChatFragment.jsx b/client/ui/chat/ChatFragment.jsx
deleted file mode 100644
index 3f9f7b9..0000000
--- a/client/ui/chat/ChatFragment.jsx
+++ /dev/null
@@ -1,65 +0,0 @@
-import Message from "./Message.jsx"
-import MessageContainer from "./MessageContainer.jsx"
-
-import * as React from 'react'
-
-export default function ChatFragment({ ...props } = {}) {
-    const messageList = React.useState([])
-
-    return (
-        <div style={{
-            width: '100%',
-            height: '100%',
-            display: 'flex',
-            flexDirection: 'column',
-            overflowY: 'auto',
-        }} {...props}>
-            <mdui-top-app-bar style={{
-                position: 'sticky',
-            }}>
-                <mdui-button-icon icon="menu"></mdui-button-icon>
-                <mdui-top-app-bar-title>Title</mdui-top-app-bar-title>
-                <mdui-button-icon icon="more_vert"></mdui-button-icon>
-            </mdui-top-app-bar>
-            <div style={{
-                display: "flex",
-                flexDirection: "column",
-                height: "100%",
-            }}>
-                <div style={{
-                    display: "flex",
-                    justifyContent: "center",
-                }}>
-                    <mdui-button variant="text">加載更多</mdui-button>
-                </div>
-                <MessageContainer>
-                </MessageContainer>
-                {
-                    // 输入框
-                }
-                <div style={{
-                    display: 'flex',
-                    alignItems: 'center',
-                    paddingBottom: '0.1rem',
-                    paddingTop: '0.1rem',
-                    height: '4rem',
-                    position: 'sticky',
-                    bottom: '2px',
-                    marginLeft: '5px',
-                    marginRight: '4px',
-                    backgroundColor: 'rgb(var(--mdui-color-background))',
-                }}>
-                    <mdui-text-field variant="outlined" placeholder="喵呜~" autosize max-rows="1" style={{
-                        marginRight: '10px',
-                    }}></mdui-text-field>
-                    <mdui-button-icon slot="end-icon" icon="more_vert" style={{
-                        marginRight: '6px',
-                    }}></mdui-button-icon>
-                    <mdui-button-icon icon="send" style={{
-                        marginRight: '7px',
-                    }}></mdui-button-icon>
-                </div>
-            </div>
-        </div >
-    )
-}