CrescentLeaf/LingChair
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

chore: rename ChatFragment. js -> ts

Browse Source
This commit is contained in:
CrescentLeaf
2025-09-14 00:12:50 +08:00
parent 20ef8a8514
commit ea17ab2ddd
3 changed files with 4 additions and 70 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
client/ui/App.tsx
View File

@@ -1,6 +1,6 @@
import Client from "../api/Client.ts" import Client from "../api/Client.ts"
import data from "../Data.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 ContactsListItem from "./main/ContactsListItem.jsx"
import RecentsListItem from "./main/RecentsListItem.jsx" import RecentsListItem from "./main/RecentsListItem.jsx"
import useEventListener from './useEventListener.ts' import useEventListener from './useEventListener.ts'
@@ -9,7 +9,7 @@ import RecentChat from "../api/client_data/RecentChat.ts"
import Avatar from "./Avatar.tsx" import Avatar from "./Avatar.tsx"
import * as React from 'react' 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 Split from 'split.js'
import 'mdui/jsx.zh-cn.d.ts' import 'mdui/jsx.zh-cn.d.ts'
import { checkApiSuccessOrSncakbar } from "./snackbar.ts" import { checkApiSuccessOrSncakbar } from "./snackbar.ts"

5
client/ui/AppMobile.tsx
View File

@@ -1,6 +1,6 @@
import Client from "../api/Client.ts" import Client from "../api/Client.ts"
import data from "../Data.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 ContactsListItem from "./main/ContactsListItem.jsx"
import RecentsListItem from "./main/RecentsListItem.jsx" import RecentsListItem from "./main/RecentsListItem.jsx"
import useEventListener from './useEventListener.ts' import useEventListener from './useEventListener.ts'
@@ -9,8 +9,7 @@ import RecentChat from "../api/client_data/RecentChat.ts"
import Avatar from "./Avatar.tsx" import Avatar from "./Avatar.tsx"
import * as React from 'react' import * as React from 'react'
import { Button, ButtonIcon, Dialog, NavigationBar, TextField } from "mdui" import { Dialog, NavigationBar, TextField } from "mdui"
import Split from 'split.js'
import 'mdui/jsx.zh-cn.d.ts' import 'mdui/jsx.zh-cn.d.ts'
import { checkApiSuccessOrSncakbar } from "./snackbar.ts" import { checkApiSuccessOrSncakbar } from "./snackbar.ts"

65
client/ui/chat/ChatFragment.jsx
View File

@@ -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 >
)
}