perf: improve UI
This commit is contained in:
parent
4f5e79157a
commit
deceafad4f
@ -10,11 +10,11 @@ export const UpDownCounter: React.FC<Props> = React.memo((props) => {
|
||||
<div>
|
||||
<div>
|
||||
<CaretUpOutlined className="text-orange-500" />
|
||||
<span className="ml-1">{props.up}</span>
|
||||
<span className="ml-1 text-xs">{props.up}</span>
|
||||
</div>
|
||||
<div>
|
||||
<CaretDownOutlined className="text-green-500" />
|
||||
<span className="ml-1">{props.down}</span>
|
||||
<span className="ml-1 text-xs">{props.down}</span>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
|
@ -62,7 +62,7 @@ export const WebsiteList: React.FC = React.memo(() => {
|
||||
<WebsiteListTable workspaceId={workspaceId} />
|
||||
|
||||
<Modal
|
||||
title="Add Server"
|
||||
title="Add Website"
|
||||
open={isModalOpen}
|
||||
okButtonProps={{
|
||||
loading: addWebsiteMutation.isLoading,
|
||||
@ -72,9 +72,9 @@ export const WebsiteList: React.FC = React.memo(() => {
|
||||
>
|
||||
<Form layout="vertical" form={form}>
|
||||
<Form.Item
|
||||
label="Server Name"
|
||||
label="Website Name"
|
||||
name="name"
|
||||
tooltip="Server Name to Display"
|
||||
tooltip="Website Name to Display"
|
||||
rules={[{ required: true }]}
|
||||
>
|
||||
<Input />
|
||||
|
@ -239,7 +239,7 @@ export const ServerList: React.FC<{
|
||||
width: 120,
|
||||
render: (_, record) => {
|
||||
return (
|
||||
<div>
|
||||
<div className="text-xs">
|
||||
<div>{filesize(record.payload.memory_used * 1000)} / </div>
|
||||
<div>{filesize(record.payload.memory_total * 1000)}</div>
|
||||
</div>
|
||||
@ -252,7 +252,7 @@ export const ServerList: React.FC<{
|
||||
width: 120,
|
||||
render: (_, record) => {
|
||||
return (
|
||||
<div>
|
||||
<div className="text-xs">
|
||||
<div>{filesize(record.payload.hdd_used * 1000 * 1000)} / </div>
|
||||
<div>{filesize(record.payload.hdd_total * 1000 * 1000)}</div>
|
||||
</div>
|
||||
|
Loading…
Reference in New Issue
Block a user