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.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} >