Toast renamed to Toasts

src/common/Toast/index.js

@@ -1,3 +0,0 @@
-const Toast = require('./Toast');
-
-module.exports = Toast;

src/common/Toasts/Toasts.js

@@ -8,7 +8,7 @@ const styles = require('./styles');
 
 const DEFAULT_TIMEOUT = 2000;
 
-const Toast = React.forwardRef(({ className }, ref) => {
+const Toasts = React.forwardRef(({ className }, ref) => {
     const toastsContainer = useToastsContainer();
     const [toastItems, dispatch] = React.useReducer(
         (state, action) => {
@@ -47,11 +47,11 @@ const Toast = React.forwardRef(({ className }, ref) => {
 
     return toastItems.length === 0 ? null : (
         <ModalsContainerContext.Provider value={toastsContainer}>
-            <Modal className={classnames(className, styles['toast-container'])} disabled={true}>
+            <Modal className={classnames(className, styles['toasts-container'])} disabled={true}>
                 {toastItems.map((item, index) => (<ToastItem {...item} key={index} />))}
             </Modal>
         </ModalsContainerContext.Provider>
     );
 });
 
-module.exports = Toast;
+module.exports = Toasts;

src/common/Toasts/index.js

@@ -0,0 +1,3 @@
+const Toasts = require('./Toasts');
+
+module.exports = Toasts;

src/common/Toasts/styles.less

@@ -1,4 +1,4 @@
-.toast-container {
+.toasts-container {
     position: absolute;
     top: var(--nav-bar-size);
     right: 0;

src/common/index.js

@@ -16,7 +16,7 @@ const Popup = require('./Popup');
 const SharePrompt = require('./SharePrompt');
 const Slider = require('./Slider');
 const TextInput = require('./TextInput');
-const Toast = require('./Toast');
+const Toasts = require('./Toasts');
 const ToastsContainerContext = require('./ToastsContainerContext');
 const routesRegexp = require('./routesRegexp');
 const useAnimationFrame = require('./useAnimationFrame');
@@ -47,7 +47,7 @@ module.exports = {
     SharePrompt,
     Slider,
     TextInput,
-    Toast,
+    Toasts,
     ToastsContainerContext,
     routesRegexp,
     useAnimationFrame,

storybook/stories/index.js

@@ -11,4 +11,4 @@ require('./Popup');
 require('./SeasonsBar');
 require('./SharePrompt');
 require('./Stream');
-require('./Toast');
+require('./Toasts');