/* eslint-disable @typescript-eslint/camelcase */ import React from 'react'; import formatBytes from 'pretty-bytes'; import { ValidMetrics } from 'types'; const RedisLogo = () => ( ); const getMemoryUsage = ( used_memory?: ValidMetrics['used_memory'], total_system_memory?: ValidMetrics['total_system_memory'] ) => { if (used_memory === undefined) { return '-'; } const usedMemory = parseInt(used_memory, 10); if (total_system_memory === undefined) { return formatBytes(usedMemory); } const totalSystemMemory = parseInt(total_system_memory, 10); return `${((usedMemory / totalSystemMemory) * 100).toFixed(2)}%`; }; export const RedisStats = ({ stats }: { stats: Partial }) => { const { redis_version, used_memory, total_system_memory, mem_fragmentation_ratio, connected_clients, blocked_clients, } = stats; return (
Version

{redis_version}

Memory usage

{getMemoryUsage(used_memory, total_system_memory)}

{total_system_memory && used_memory ? ( {formatBytes(parseInt(used_memory))} of{' '} {formatBytes(parseInt(total_system_memory))} ) : ( Could not retrieve memory stats )}
Fragmentation ratio

{mem_fragmentation_ratio}

Connected clients

{connected_clients}

Blocked clients

{blocked_clients}

); };