cleanup

iterative · Dec 22, 2023 · 9f5356a · 9f5356a
1 parent de2d57d
commit 9f5356a
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 6 deletions.
diff --git a/.../plots/components/ribbon/RevisionIcon.tsx → ...c/plots/components/ribbon/LoadingIcon.tsx b/.../plots/components/ribbon/RevisionIcon.tsx → ...c/plots/components/ribbon/LoadingIcon.tsx
@@ -3,7 +3,7 @@ import cx from 'classnames'
 import { VSCodeProgressRing } from '@vscode/webview-ui-toolkit/react'
 import styles from './styles.module.scss'
 
-export const RevisionIcon: React.FC<{
+export const LoadingIcon: React.FC<{
   fetched: boolean
 }> = ({ fetched }) => (
   <div className={styles.iconPlaceholder}>

diff --git a/webview/src/plots/components/ribbon/RibbonBlock.tsx b/webview/src/plots/components/ribbon/RibbonBlock.tsx
@@ -4,7 +4,7 @@ import React from 'react'
 import styles from './styles.module.scss'
 import { RibbonBlockIcon } from './RibbonBlockIcon'
 import { RibbonBlockTooltip } from './RibbonBlockTooltip'
-import { RevisionIcon } from './RevisionIcon'
+import { LoadingIcon } from './LoadingIcon'
 import { Icon } from '../../../shared/components/Icon'
 import Tooltip from '../../../shared/components/tooltip/Tooltip'
 import { CopyButton } from '../../../shared/components/copyButton/CopyButton'
@@ -59,9 +59,7 @@ export const RibbonBlock: React.FC<RibbonBlockProps> = ({
           </div>
         )}
       </div>
-      <div className={styles.iconPlaceholder}>
-        <RevisionIcon fetched={fetched} />
-      </div>
+      <LoadingIcon fetched={fetched} />
       <Tooltip content="Clear" placement="bottom" delay={500}>
         <button className={styles.clearButton} onClick={onClear}>
           <Icon icon={Close} width={12} height={12} />

diff --git a/webview/src/plots/components/ribbon/RibbonBlockIcon.tsx b/webview/src/plots/components/ribbon/RibbonBlockIcon.tsx
@@ -10,7 +10,7 @@ export const RibbonBlockIcon: React.FC<{
     <Error
       width={14}
       height={14}
-      className={cx(styles.blockIcon, styles.error)}
+      className={cx(styles.blockIcon, styles.errorIndicator)}
       aria-label="Error Icon"
     />
   ) : (