review fixes

scality · Oct 13, 2023 · e94f015 · e94f015
1 parent f27d07d
commit e94f015
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 4 deletions.
diff --git a/src/lib/components/toast/Toast.component.tsx b/src/lib/components/toast/Toast.component.tsx
@@ -6,7 +6,7 @@ import { Button } from '../buttonv2/Buttonv2.component';
 import { Icon, IconColor } from '../icon/Icon.component';
 import { BasicText } from '../text/Text.component';
 import { ToastPosition, positionOutput } from './ToastPositionHelpers';
-import { ToastProgressBar } from './ToastProgressBar';
+import { DurationBasedProgressBar } from './ToastProgressBar';
 import { useToastParameters } from './useToastParameters';
 import styled from 'styled-components';
 
@@ -168,7 +168,7 @@ function Toast({
         </Box>
       </motion.div>
       {withProgressBar && (
-        <ToastProgressBar
+        <DurationBasedProgressBar
           duration={autoDismiss ? duration : null}
           color={bgColor}
         />

diff --git a/src/lib/components/toast/ToastPositionHelpers.ts b/src/lib/components/toast/ToastPositionHelpers.ts
@@ -1,3 +1,5 @@
+import { CSSProperties } from 'react';
+
 export type ToastPosition =
   | 'top-left'
   | 'top-right'
@@ -6,7 +8,7 @@ export type ToastPosition =
   | 'bottom-right'
   | 'bottom-center';
 
-export const positionOutput: Record<ToastPosition, {}> = {
+export const positionOutput: Record<ToastPosition, CSSProperties> = {
   'top-left': {
     top: '3rem',
     left: '1rem',

diff --git a/src/lib/components/toast/ToastProgressBar.tsx b/src/lib/components/toast/ToastProgressBar.tsx
@@ -2,7 +2,7 @@ import { darken } from 'polished';
 import { useEffect, useState } from 'react';
 import { ProgressBar } from '../progressbar/ProgressBar.component';
 
-export function ToastProgressBar({
+export function DurationBasedProgressBar({
   duration,
   color,
 }: {