diff --git a/vocodes/src/common/ApiConfig.ts b/vocodes/src/common/ApiConfig.ts index 83f9c8081f..d99067e05f 100644 --- a/vocodes/src/common/ApiConfig.ts +++ b/vocodes/src/common/ApiConfig.ts @@ -206,6 +206,10 @@ class ApiConfig { return `${this.getScheme()}://${this.getNewApiHost()}/moderation/ip_bans/add`; } + getModerationIpBan(ipAddress: string): string { + return `${this.getScheme()}://${this.getNewApiHost()}/moderation/ip_bans/${ipAddress}`; + } + deleteModerationIpBan(ipAddress: string): string { return `${this.getScheme()}://${this.getNewApiHost()}/moderation/ip_bans/${ipAddress}/delete`; } diff --git a/vocodes/src/v2/moderation_ip_ban_list/ModerationIpBanListFc.tsx b/vocodes/src/v2/moderation_ip_ban_list/ModerationIpBanListFc.tsx index 67a376739f..f10271636c 100644 --- a/vocodes/src/v2/moderation_ip_ban_list/ModerationIpBanListFc.tsx +++ b/vocodes/src/v2/moderation_ip_ban_list/ModerationIpBanListFc.tsx @@ -2,6 +2,7 @@ import React, { useEffect, useState } from 'react'; import { Link, useHistory } from 'react-router-dom'; import { ApiConfig } from '../../common/ApiConfig'; import { SessionWrapper } from '../../session/SessionWrapper'; +import { formatDistance } from 'date-fns'; interface Props { sessionWrapper: SessionWrapper, @@ -103,11 +104,15 @@ function ModerationIpBanListFc(props: Props) { return