diff --git a/resources/scripts/components/server/ServerDetailsBlock.tsx b/resources/scripts/components/server/ServerDetailsBlock.tsx index 17a16370c..cc33c493c 100644 --- a/resources/scripts/components/server/ServerDetailsBlock.tsx +++ b/resources/scripts/components/server/ServerDetailsBlock.tsx @@ -1,10 +1,11 @@ import React, { useEffect, useState } from 'react'; import tw from 'twin.macro'; -import { faCircle, faHdd, faMemory, faMicrochip, faServer } from '@fortawesome/free-solid-svg-icons'; +import { faCircle, faEthernet, faHdd, faMemory, faMicrochip, faServer } from '@fortawesome/free-solid-svg-icons'; import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'; import { bytesToHuman, megabytesToHuman } from '@/helpers'; import TitledGreyBox from '@/components/elements/TitledGreyBox'; import { ServerContext } from '@/state/server'; +import CopyOnClick from '@/components/elements/CopyOnClick'; interface Stats { memory: number; @@ -49,6 +50,9 @@ const ServerDetailsBlock = () => { const name = ServerContext.useStoreState(state => state.server.data!.name); const limits = ServerContext.useStoreState(state => state.server.data!.limits); + const primaryAllocation = ServerContext.useStoreState(state => state.server.data!.allocations.filter(alloc => alloc.isDefault).map( + allocation => allocation.alias + ':' + allocation.port || allocation.ip + ':' + allocation.port + )).toString(); const disklimit = limits.disk ? megabytesToHuman(limits.disk) : 'Unlimited'; const memorylimit = limits.memory ? megabytesToHuman(limits.memory) : 'Unlimited'; @@ -66,6 +70,12 @@ const ServerDetailsBlock = () => { />  {!status ? 'Connecting...' : status}

+ +

+ + {primaryAllocation} +

+

{stats.cpu.toFixed(2)}%