Merge pull request #1617 from memphisdev/bugfix-RND-447-copy-to-clipb…

…oard-of-hostname-copies-the-account-id fix
superstreamlabs · Jan 9, 2024 · 6ae708c · 6ae708c
2 parents 3438514 + 7394d6b
commit 6ae708c
Showing 1 changed file with 10 additions and 7 deletions.
diff --git a/ui_src/src/domain/stationOverview/stationOverviewHeader/index.js b/ui_src/src/domain/stationOverview/stationOverviewHeader/index.js
@@ -212,8 +212,10 @@ const StationOverviewHeader = ({ refresh }) => {
                         />
                     </div>
                     <div className="created-by">
-                        Created by <b>{stationState?.stationMetaData?.created_by_username.startsWith('$') ? 'system' : stationState?.stationMetaData?.created_by_username}</b> at {stationState?.stationMetaData?.created_at}{' '}
-                        {!stationState?.stationMetaData?.is_native && '(NATS-Compatible)'}
+                        Created by
+                        <b>
+                            {stationState?.stationMetaData?.created_by_username.startsWith('$') ? 'system' : stationState?.stationMetaData?.created_by_username}
+                        </b> at {stationState?.stationMetaData?.created_at} {!stationState?.stationMetaData?.is_native && '(NATS-Compatible)'}
                         {isCloud() && (
                             <span className="hostname">
                                 <p>Account ID : </p>
@@ -224,7 +226,7 @@ const StationOverviewHeader = ({ refresh }) => {
                         <span className="hostname">
                             <p>Broker hostname : </p>
                             <span>{host}</span>
-                            <Copy width="12" data={localStorage.getItem(LOCAL_STORAGE_ACCOUNT_ID)} />
+                            <Copy width="12" data={host} />
                         </span>
                     </div>
                 </div>
@@ -268,10 +270,11 @@ const StationOverviewHeader = ({ refresh }) => {
                             )}
                             <div className="flex-details-wrapper">
                                 {!isCloud() && (
-                                    <p style={{display: 'flex'}}>
+                                    <p style={{ display: 'flex' }}>
                                         <b>Partitions: </b>
                                         {stationState?.stationMetaData?.partitions_number === 0 ? 1 : stationState?.stationMetaData?.partitions_number}
-                                    </p>)}
+                                    </p>
+                                )}
                             </div>
                         </div>
                         <div className="storage-section">
@@ -286,8 +289,8 @@ const StationOverviewHeader = ({ refresh }) => {
                                 </p>
                             )}
                             <div className="flex-details-wrapper">
-                                <p style={{display: 'flex'}}>
-                                    <b style={{marginRight: '5px'}}>Dead-letter for: </b>
+                                <p style={{ display: 'flex' }}>
+                                    <b style={{ marginRight: '5px' }}>Dead-letter for: </b>
                                     {stationState?.stationSocketData?.act_as_dls_station_in_stations &&
                                     stationState?.stationSocketData?.act_as_dls_station_in_stations.length ? (
                                         <OverflowTip text={stationState?.stationSocketData?.act_as_dls_station_in_stations.join(', ')} maxWidth={'70px'}>