[WIFI-13031] Add support for radius endpoints

Signed-off-by: Charles <charles.bourque96@gmail.com>

package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "wlan-cloud-owprov-ui",
-  "version": "2.11.0(57)",
+  "version": "2.11.0(59)",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "wlan-cloud-owprov-ui",
-      "version": "2.11.0(57)",
+      "version": "2.11.0(59)",
       "license": "ISC",
       "dependencies": {
         "@chakra-ui/anatomy": "^2.1.1",

package.json

@@ -1,6 +1,6 @@
 {
   "name": "wlan-cloud-owprov-ui",
-  "version": "2.11.0(57)",
+  "version": "2.11.0(59)",
   "description": "",
   "main": "index.tsx",
   "scripts": {

public/locales/en/translation.json

@@ -987,7 +987,7 @@
     "city": "City",
     "common_name": "Common Name",
     "country": "Country",
-		"global_reach": "Global Reach",
+    "global_reach": "GlobalReach",
     "global_reach_account_id": " Account ID",
     "invalid_certificate": "Invalid certificate",
     "invalid_key": "Invalid private key",

src/components/Modals/Resources/CreateModal/index.tsx

@@ -82,7 +82,7 @@ const CreateResourceModal: React.FC<Props> = ({ refresh, entityId, isVenue = fal
                   value="interface.ssid.openroaming"
                   hidden={!getRadiusEndpoints.data || getRadiusEndpoints.data.length === 0}
                 >
-                  Open Roaming SSID
+                  OpenRoaming SSID
                 </option>
                 <option value="interface.ssid.radius">interface.ssid.radius</option>
                 <option value="interface.tunnel">interface.tunnel</option>

src/hooks/Network/RadiusEndpoints.ts

@@ -20,7 +20,7 @@ export type RadiusEndpointServer = {
 
 export type RadsecServer = {
   /**
-   * It should be the ID of a google orion account OR the certificate ID of the global reach account
+   * It should be the ID of a google orion account OR the certificate ID of the GlobalReach account
    * If not empty, only Weight needs to be populated
    * If empty, all fields need to be populated
    */

src/pages/OpenRoamingPage/index.tsx

@@ -19,7 +19,7 @@ const OpenRoamingPage = () => {
   return (
     <Tabs>
       <TabList>
-        <Tab _selected={tabStyle}>Global Reach</Tab>
+        <Tab _selected={tabStyle}>GlobalReach</Tab>
         <Tab _selected={tabStyle}>Google Orion</Tab>
       </TabList>
       <TabPanels>

src/pages/SystemConfigurationPage/RadiusEndpoints/CreateModal/DetailsStep.tsx

@@ -108,7 +108,7 @@ const CreateRadiusEndpointDetailsStep = ({ formRef, finishStep, orionAccounts, g
     }
 
     if (globalReachAccounts.length > 0) {
-      options.push({ value: 'globalreach', label: 'Global Reach' });
+      options.push({ value: 'globalreach', label: 'GlobalReach' });
     }
 
     return options;

src/pages/SystemConfigurationPage/RadiusEndpoints/CreateModal/GlobalReach/GlobalReachStep.tsx

@@ -55,7 +55,7 @@ const CreateRadiusEndpointGlobalReachStep = ({ formRef, finishStep, accounts }:
       {({ isSubmitting }) => (
         <Box>
           <Heading mb={4} size="md" textDecoration="underline">
-            What Global Reach account would like to use?
+            What GlobalReach account would like to use?
           </Heading>
           <Select
             mb={2}

src/pages/SystemConfigurationPage/RadiusEndpoints/RadiusEndpointSummary.tsx

@@ -4,7 +4,7 @@ import { RadiusEndpoint } from 'hooks/Network/RadiusEndpoints';
 
 const prettyTypes = {
   orion: 'Google Orion',
-  globalreach: 'Global Reach',
+  globalreach: 'GlobalReach',
   generic: 'Generic',
   radsec: 'RadSec',
 } as const;

src/pages/SystemConfigurationPage/RadiusEndpoints/ViewDetailsModal/EndpointDisplay.tsx

@@ -15,7 +15,7 @@ const secondColProps = {} as const;
 
 const prettyTypes = {
   orion: 'Google Orion',
-  globalreach: 'Global Reach',
+  globalreach: 'GlobalReach',
   generic: 'Generic',
   radsec: 'RadSec',
 } as const;

src/pages/SystemConfigurationPage/RadiusEndpoints/ViewDetailsModal/GlobalReachEndpointDetails.tsx

@@ -22,7 +22,7 @@ const GlobalReachEndpointDetails = ({ endpoint }: Props) => {
   return (
     <Box mt={2}>
       <Heading size="md" textDecoration="underline">
-        Global Reach Certificate
+        GlobalReach Certificate
       </Heading>{' '}
       {certificate ? (
         <Box>

src/router/routes.tsx

@@ -128,8 +128,8 @@ const routes: Route[] = [
         id: 'system-globalroaming',
         authorized: ['root', 'partner', 'admin', 'csr', 'system'],
         path: '/openRoaming',
-        name: 'RAW-Open Roaming',
+        name: 'RAW-OpenRoaming',
-        label: 'Open Roaming',
+        label: 'OpenRoaming',
         component: OpenRoamingPage,
       },
       {