diff --git a/src/components/pages/Login.js b/src/components/pages/Login.js index a21df00..972c9c0 100644 --- a/src/components/pages/Login.js +++ b/src/components/pages/Login.js @@ -1,4 +1,4 @@ -import React, { useState, useRef } from 'react'; +import React, { useState, useEffect, useRef } from 'react'; import { useHistory } from 'react-router-dom'; import axios from 'axios'; import SetupTemplate from '../templates/SetupTemplate'; @@ -10,6 +10,9 @@ import FormError from '../blocks/FormError'; const Login = props => { let history = useHistory(); + useEffect(() => { + document.title = `Login | Jambonz | Open Source CPAAS`; + }); // Refs const refUsername = useRef(null); diff --git a/src/components/pages/internal/AccountsAddEdit.js b/src/components/pages/internal/AccountsAddEdit.js index 99b55e3..65adc6b 100644 --- a/src/components/pages/internal/AccountsAddEdit.js +++ b/src/components/pages/internal/AccountsAddEdit.js @@ -1,4 +1,4 @@ -import React from 'react'; +import React, { useEffect } from 'react'; import { useParams } from 'react-router-dom'; import InternalTemplate from '../../templates/InternalTemplate'; import AccountForm from '../../forms/AccountForm'; @@ -6,6 +6,9 @@ import AccountForm from '../../forms/AccountForm'; const AccountsAddEdit = () => { let { account_sid } = useParams(); const pageTitle = account_sid ? 'Edit Account' : 'Add Account'; + useEffect(() => { + document.title = `${pageTitle} | Jambonz | Open Source CPAAS`; + }); return ( { const dispatch = useContext(NotificationDispatchContext); + useEffect(() => { + document.title = `Accounts | Jambonz | Open Source CPAAS`; + }); //============================================================================= // Get accounts diff --git a/src/components/pages/internal/ApplicationsAddEdit.js b/src/components/pages/internal/ApplicationsAddEdit.js index bf53ab9..26f5554 100644 --- a/src/components/pages/internal/ApplicationsAddEdit.js +++ b/src/components/pages/internal/ApplicationsAddEdit.js @@ -1,4 +1,4 @@ -import React from 'react'; +import React, { useEffect } from 'react'; import { useParams } from 'react-router-dom'; import InternalTemplate from '../../templates/InternalTemplate'; import ApplicationForm from '../../forms/ApplicationForm'; @@ -6,6 +6,9 @@ import ApplicationForm from '../../forms/ApplicationForm'; const ApplicationsAddEdit = () => { let { application_sid } = useParams(); const pageTitle = application_sid ? 'Edit Application' : 'Add Application'; + useEffect(() => { + document.title = `${pageTitle} | Jambonz | Open Source CPAAS`; + }); return ( { const dispatch = useContext(NotificationDispatchContext); + useEffect(() => { + document.title = `Applications | Jambonz | Open Source CPAAS`; + }); //============================================================================= // Get applications diff --git a/src/components/pages/internal/PhoneNumbersAddEdit.js b/src/components/pages/internal/PhoneNumbersAddEdit.js index 51f4af2..2d61dad 100644 --- a/src/components/pages/internal/PhoneNumbersAddEdit.js +++ b/src/components/pages/internal/PhoneNumbersAddEdit.js @@ -1,4 +1,4 @@ -import React from 'react'; +import React, { useEffect } from 'react'; import { useParams } from 'react-router-dom'; import InternalTemplate from '../../templates/InternalTemplate'; import PhoneNumberForm from '../../forms/PhoneNumberForm'; @@ -6,6 +6,9 @@ import PhoneNumberForm from '../../forms/PhoneNumberForm'; const PhoneNumbersAddEdit = () => { let { phone_number_sid } = useParams(); const pageTitle = phone_number_sid ? 'Edit Phone Number' : 'Add Phone Number'; + useEffect(() => { + document.title = `${pageTitle} | Jambonz | Open Source CPAAS`; + }); return ( { const dispatch = useContext(NotificationDispatchContext); + useEffect(() => { + document.title = `Phone Number Routing | Jambonz | Open Source CPAAS`; + }); //============================================================================= // Get phone numbers diff --git a/src/components/pages/internal/SipTrunksAddEdit.js b/src/components/pages/internal/SipTrunksAddEdit.js index 518d15f..ec87271 100644 --- a/src/components/pages/internal/SipTrunksAddEdit.js +++ b/src/components/pages/internal/SipTrunksAddEdit.js @@ -1,4 +1,4 @@ -import React from 'react'; +import React, { useEffect } from 'react'; import { useParams } from 'react-router-dom'; import InternalTemplate from '../../templates/InternalTemplate'; import SipTrunkForm from '../../forms/SipTrunkForm'; @@ -7,6 +7,9 @@ import Sbcs from '../../blocks/Sbcs'; const SipTrunksAddEdit = () => { let { voip_carrier_sid } = useParams(); const pageTitle = voip_carrier_sid ? 'Edit SIP Trunk' : 'Add SIP Trunk'; + useEffect(() => { + document.title = `${pageTitle} | Jambonz | Open Source CPAAS`; + }); return ( { const dispatch = useContext(NotificationDispatchContext); + useEffect(() => { + document.title = `SIP Trunks | Jambonz | Open Source CPAAS`; + }); //============================================================================= // Get sip trunks diff --git a/src/components/pages/setup/ConfigureAccount.js b/src/components/pages/setup/ConfigureAccount.js index 93e34f2..3f96bf2 100644 --- a/src/components/pages/setup/ConfigureAccount.js +++ b/src/components/pages/setup/ConfigureAccount.js @@ -1,8 +1,11 @@ -import React from 'react'; +import React, { useEffect } from 'react'; import SetupTemplate from '../../templates/SetupTemplate'; import AccountForm from '../../forms/AccountForm'; const ConfigureAccount = () => { + useEffect(() => { + document.title = `Configure Account | Jambonz | Open Source CPAAS`; + }); return ( { + useEffect(() => { + document.title = `Configure SIP Trunk | Jambonz | Open Source CPAAS`; + }); return ( { + useEffect(() => { + document.title = `Create Application | Jambonz | Open Source CPAAS`; + }); return ( { let history = useHistory(); const dispatch = useContext(NotificationDispatchContext); + useEffect(() => { + document.title = `Create Password | Jambonz | Open Source CPAAS`; + }); // Refs const refPassword = useRef(null); diff --git a/src/components/pages/setup/SetupComplete.js b/src/components/pages/setup/SetupComplete.js index 92c3ca7..57706b0 100644 --- a/src/components/pages/setup/SetupComplete.js +++ b/src/components/pages/setup/SetupComplete.js @@ -7,6 +7,9 @@ import Button from '../../elements/Button'; const SetupComplete = () => { const history = useHistory(); const dispatch = useContext(NotificationDispatchContext); + useEffect(() => { + document.title = `Setup Complete | Jambonz | Open Source CPAAS`; + }); useEffect(() => { if (!localStorage.getItem('token')) {