banquise/pelican-panel-mirror
8
0
Fork 1
mirror of https://github.com/pelican-dev/panel.git synced 2025-08-02 20:52:32 +02:00
Code Issues Packages Projects Releases Wiki Activity

Also nuke this

Browse Source
This commit is contained in:
notCharles 2024-07-02 16:50:39 -04:00
parent d71b1a4710
commit 4574821ed8
2 changed files with 4 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
resources/scripts/components/dashboard/ServerRow.tsx
View File

@ -1,10 +1,10 @@
import React, { memo, useEffect, useRef, useState } from 'react'; import React, { memo, useEffect, useRef, useState } from 'react';
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'; import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { faEthernet, faHdd, faMemory, faMicrochip, faServer } from '@fortawesome/free-solid-svg-icons'; import { faHdd, faMemory, faMicrochip, faServer } from '@fortawesome/free-solid-svg-icons';
import { Link } from 'react-router-dom'; import { Link } from 'react-router-dom';
import { Server } from '@/api/server/getServer'; import { Server } from '@/api/server/getServer';
import getServerResourceUsage, { ServerPowerState, ServerStats } from '@/api/server/getServerResourceUsage'; import getServerResourceUsage, { ServerPowerState, ServerStats } from '@/api/server/getServerResourceUsage';
import { bytesToString, ip, mbToBytes } from '@/lib/formatters'; import { bytesToString, mbToBytes } from '@/lib/formatters';
import tw from 'twin.macro'; import tw from 'twin.macro';
import GreyRowBox from '@/components/elements/GreyRowBox'; import GreyRowBox from '@/components/elements/GreyRowBox';
import Spinner from '@/components/elements/Spinner'; import Spinner from '@/components/elements/Spinner';
@ -90,7 +90,7 @@ export default ({ server, className }: { server: Server; className?: string }) =
return ( return (
<StatusIndicatorBox as={Link} to={`/server/${server.id}`} className={className} $status={stats?.status}> <StatusIndicatorBox as={Link} to={`/server/${server.id}`} className={className} $status={stats?.status}>
<div css={tw`flex items-center col-span-12 sm:col-span-5 lg:col-span-6`}> <div css={tw`flex items-center col-span-12 sm:col-span-5 lg:col-span-8`}>
<div className={'icon mr-4'}> <div className={'icon mr-4'}>
<FontAwesomeIcon icon={faServer} /> <FontAwesomeIcon icon={faServer} />
</div> </div>
@ -101,20 +101,6 @@ export default ({ server, className }: { server: Server; className?: string }) =
)} )}
</div> </div>
</div> </div>
<div css={tw`flex-1 ml-4 lg:block lg:col-span-2 hidden`}>
<div css={tw`flex justify-center`}>
<FontAwesomeIcon icon={faEthernet} css={tw`text-neutral-500`} />
<p css={tw`text-sm text-neutral-400 ml-2`}>
{server.allocations
.filter((alloc) => alloc.isDefault)
.map((allocation) => (
<React.Fragment key={allocation.ip + allocation.port.toString()}>
{allocation.alias || ip(allocation.ip)}:{allocation.port}
</React.Fragment>
))}
</p>
</div>
</div>
<div css={tw`hidden col-span-7 lg:col-span-4 sm:flex items-baseline justify-center`}> <div css={tw`hidden col-span-7 lg:col-span-4 sm:flex items-baseline justify-center`}>
{!stats || isSuspended ? ( {!stats || isSuspended ? (
isSuspended ? ( isSuspended ? (

12
resources/scripts/components/server/console/ServerDetailsBlock.tsx
View File

@ -6,9 +6,8 @@ import {
faHdd, faHdd,
faMemory, faMemory,
faMicrochip, faMicrochip,
faWifi,
} from '@fortawesome/free-solid-svg-icons'; } from '@fortawesome/free-solid-svg-icons';
import { bytesToString, ip, mbToBytes } from '@/lib/formatters'; import { bytesToString, mbToBytes } from '@/lib/formatters';
import { ServerContext } from '@/state/server'; import { ServerContext } from '@/state/server';
import { SocketEvent, SocketRequest } from '@/components/server/events'; import { SocketEvent, SocketRequest } from '@/components/server/events';
import UptimeDuration from '@/components/server/UptimeDuration'; import UptimeDuration from '@/components/server/UptimeDuration';
@ -56,12 +55,6 @@ const ServerDetailsBlock = ({ className }: { className?: string }) => {
[limits] [limits]
); );
const allocation = ServerContext.useStoreState((state) => {
const match = state.server.data!.allocations.find((allocation) => allocation.isDefault);
return !match ? 'n/a' : `${match.alias || ip(match.ip)}:${match.port}`;
});
useEffect(() => { useEffect(() => {
if (!connected || !instance) { if (!connected || !instance) {
return; return;
@ -90,9 +83,6 @@ const ServerDetailsBlock = ({ className }: { className?: string }) => {
return ( return (
<div className={classNames('grid grid-cols-6 gap-2 md:gap-4', className)}> <div className={classNames('grid grid-cols-6 gap-2 md:gap-4', className)}>
<StatBlock icon={faWifi} title={'Address'} copyOnClick={allocation}>
{allocation}
</StatBlock>
<StatBlock <StatBlock
icon={faClock} icon={faClock}
title={'Uptime'} title={'Uptime'}