diff --git a/src/components/blocks/Sbcs.js b/src/components/blocks/Sbcs.js
new file mode 100644
index 0000000..fa8e1b9
--- /dev/null
+++ b/src/components/blocks/Sbcs.js
@@ -0,0 +1,43 @@
+import React, { useState, useEffect } from 'react';
+import axios from 'axios';
+
+const Sbcs = () => {
+ const [ sbcs, setSbcs ] = useState('');
+ useEffect(() => {
+ const getAPIData = async () => {
+ const sbcResults = await axios({
+ method: 'get',
+ baseURL: process.env.REACT_APP_API_BASE_URL,
+ url: '/Sbcs',
+ headers: {
+ Authorization: `Bearer ${localStorage.getItem('token')}`,
+ },
+ });
+ setSbcs(sbcResults.data);
+ };
+ getAPIData();
+ }, []);
+
+ return (
+
+ Have your SIP trunking provider(s) send calls to
+ {sbcs.length > 1
+ ?
+ {':'}
+
+ {sbcs.map(sbc => (
+ -
+ {`${sbc.ipv4}:${sbc.port}`}
+
+ ))}
+
+
+ : sbcs.length === 1
+ ? ` ${sbcs[0].ipv4}:${sbcs[0].port}`
+ : null
+ }
+
+ );
+};
+
+export default Sbcs;
diff --git a/src/components/pages/internal/SipTrunksAddEdit.js b/src/components/pages/internal/SipTrunksAddEdit.js
index 9b7574b..518d15f 100644
--- a/src/components/pages/internal/SipTrunksAddEdit.js
+++ b/src/components/pages/internal/SipTrunksAddEdit.js
@@ -2,6 +2,7 @@ import React from 'react';
import { useParams } from 'react-router-dom';
import InternalTemplate from '../../templates/InternalTemplate';
import SipTrunkForm from '../../forms/SipTrunkForm';
+import Sbcs from '../../blocks/Sbcs';
const SipTrunksAddEdit = () => {
let { voip_carrier_sid } = useParams();
@@ -10,6 +11,7 @@ const SipTrunksAddEdit = () => {
}
breadcrumbs={[
{ name: 'SIP Trunks', url: '/internal/sip-trunks' },
{ name: pageTitle },
diff --git a/src/components/pages/internal/SipTrunksList.js b/src/components/pages/internal/SipTrunksList.js
index bd570db..299b74c 100644
--- a/src/components/pages/internal/SipTrunksList.js
+++ b/src/components/pages/internal/SipTrunksList.js
@@ -3,6 +3,7 @@ import axios from 'axios';
import { NotificationDispatchContext } from '../../../contexts/NotificationContext';
import InternalTemplate from '../../templates/InternalTemplate';
import TableContent from '../../blocks/TableContent.js';
+import Sbcs from '../../blocks/Sbcs';
const SipTrunksList = () => {
const dispatch = useContext(NotificationDispatchContext);
@@ -119,6 +120,7 @@ const SipTrunksList = () => {
title="SIP Trunks"
addButtonText="Add a SIP Trunk"
addButtonLink="/internal/sip-trunks/add"
+ subtitle={}
>
{
return (
}
progress={3}
>