Cleanup backendmappings in history UI page

Author: raj-manvar

webapp/src/components/history.tsx

@@ -30,9 +30,7 @@ export function History() {
         const mapping: Record<string, string> = {};
         for (let index = 0; index < data.length; index++) {
           const backend = data[index] as BackendData;
-          mapping[backend.name] = backend.proxyTo;
           mapping[backend.proxyTo] = backend.name;
-          mapping[backend.externalUrl] = backend.name;
         }
         setBackendMapping(mapping);
       }).catch(() => { });
@@ -96,7 +94,7 @@ export function History() {
               <Form.Select field="backendUrl" label='RoutedTo' style={{ width: 200 }} showClear placeholder={Locale.History.RoutedToTip}>
                 {backendData?.map(b => (
                   <Form.Select.Option key={b.externalUrl} value={b.externalUrl}>
-                    <Tag color={'blue'} style={{ marginRight: '5px' }}>{backendMapping[b.externalUrl]}</Tag>
+                    <Tag color={'blue'} style={{ marginRight: '5px' }}>b.name</Tag>
                     <Text>{b.externalUrl}</Text>
                   </Form.Select.Option>
                 ))}