Merge pull request #1277 from opentripplanner/pass-operator-logos-to-…

…map-poup-skeletonized

Skeletonize Operator Logo Loading

lib/components/util/transit-operator-icons.tsx

@@ -1,10 +1,9 @@
 import { MapPin } from '@styled-icons/fa-solid'
 import { useIntl } from 'react-intl'
 import React from 'react'
+import Skeleton from 'react-loading-skeleton'
 import type { TransitOperator } from '@opentripplanner/types'
 
-import { InlineLoading } from '../narrative/loading'
-
 import InvisibleA11yLabel from './invisible-a11y-label'
 import OperatorLogo from './operator-logo'
 import type { StopData } from './types'
@@ -71,10 +70,7 @@ const TransitOperatorLogos = ({
   return (
     <>
       {loading ? (
-        <>
-          <InlineLoading />
-          <span style={{ marginRight: '0.5ch' }} />
-        </>
+        <Skeleton height={20} style={{ marginRight: '0.5ch' }} width={20} />
       ) : (
         transitOperators
           ?.filter((to) => Array.from(agencies).includes(to.agencyId))