Remove usage of 'snackbar'

app/soapbox/actions/__tests__/alerts.test.ts

@@ -1,146 +0,0 @@
-import { AxiosError } from 'axios';
-
-import { mockStore, rootState } from 'soapbox/jest/test-helpers';
-
-import { dismissAlert, showAlert, showAlertForError } from '../alerts';
-
-const buildError = (message: string, status: number) => new AxiosError<any>(message, String(status), undefined, null, {
-  data: {
-    error: message,
-  },
-  statusText: String(status),
-  status,
-  headers: {},
-  config: {},
-});
-
-let store: ReturnType<typeof mockStore>;
-
-beforeEach(() => {
-  const state = rootState;
-  store = mockStore(state);
-});
-
-describe('dismissAlert()', () => {
-  it('dispatches the proper actions', async() => {
-    const alert = 'hello world';
-    const expectedActions = [
-      { type: 'ALERT_DISMISS', alert },
-    ];
-    await store.dispatch(dismissAlert(alert as any));
-    const actions = store.getActions();
-
-    expect(actions).toEqual(expectedActions);
-  });
-});
-
-describe('showAlert()', () => {
-  it('dispatches the proper actions', async() => {
-    const title = 'title';
-    const message = 'msg';
-    const severity = 'info';
-    const expectedActions = [
-      { type: 'ALERT_SHOW', title, message, severity },
-    ];
-    await store.dispatch(showAlert(title, message, severity));
-    const actions = store.getActions();
-
-    expect(actions).toEqual(expectedActions);
-  });
-});
-
-describe('showAlert()', () => {
-  describe('with a 502 status code', () => {
-    it('dispatches the proper actions', async() => {
-      const message = 'The server is down';
-      const error = buildError(message, 502);
-
-      const expectedActions = [
-        { type: 'ALERT_SHOW', title: '', message, severity: 'error' },
-      ];
-      await store.dispatch(showAlertForError(error));
-      const actions = store.getActions();
-
-      expect(actions).toEqual(expectedActions);
-    });
-  });
-
-  describe('with a 404 status code', () => {
-    it('dispatches the proper actions', async() => {
-      const error = buildError('', 404);
-
-      await store.dispatch(showAlertForError(error));
-      const actions = store.getActions();
-
-      expect(actions).toEqual([]);
-    });
-  });
-
-  describe('with a 410 status code', () => {
-    it('dispatches the proper actions', async() => {
-      const error = buildError('', 410);
-
-      await store.dispatch(showAlertForError(error));
-      const actions = store.getActions();
-
-      expect(actions).toEqual([]);
-    });
-  });
-
-  describe('with an accepted status code', () => {
-    describe('with a message from the server', () => {
-      it('dispatches the proper actions', async() => {
-        const message = 'custom message';
-        const error = buildError(message, 200);
-
-        const expectedActions = [
-          { type: 'ALERT_SHOW', title: '', message, severity: 'error' },
-        ];
-        await store.dispatch(showAlertForError(error));
-        const actions = store.getActions();
-
-        expect(actions).toEqual(expectedActions);
-      });
-    });
-
-    describe('without a message from the server', () => {
-      it('dispatches the proper actions', async() => {
-        const message = 'The request has been accepted for processing';
-        const error = buildError(message, 202);
-
-        const expectedActions = [
-          { type: 'ALERT_SHOW', title: '', message, severity: 'error' },
-        ];
-        await store.dispatch(showAlertForError(error));
-        const actions = store.getActions();
-
-        expect(actions).toEqual(expectedActions);
-      });
-    });
-  });
-
-  describe('without a response', () => {
-    it('dispatches the proper actions', async() => {
-      const error = new AxiosError();
-
-      const expectedActions = [
-        {
-          type: 'ALERT_SHOW',
-          title: {
-            defaultMessage: 'Oops!',
-            id: 'alert.unexpected.title',
-          },
-          message: {
-            defaultMessage: 'An unexpected error occurred.',
-            id: 'alert.unexpected.message',
-          },
-          severity: 'error',
-        },
-      ];
-      await store.dispatch(showAlertForError(error));
-      const actions = store.getActions();
-
-      expect(actions).toEqual(expectedActions);
-    });
-  });
-});

app/soapbox/actions/alerts.ts

@@ -1,75 +0,0 @@
-import { defineMessages, MessageDescriptor } from 'react-intl';
-
-import { httpErrorMessages } from 'soapbox/utils/errors';
-
-import type { SnackbarActionSeverity } from './snackbar';
-import type { AnyAction } from '@reduxjs/toolkit';
-import type { AxiosError } from 'axios';
-import type { NotificationObject } from 'react-notification';
-
-const messages = defineMessages({
-  unexpectedTitle: { id: 'alert.unexpected.title', defaultMessage: 'Oops!' },
-  unexpectedMessage: { id: 'alert.unexpected.message', defaultMessage: 'An unexpected error occurred.' },
-});
-
-export const ALERT_SHOW = 'ALERT_SHOW';
-export const ALERT_DISMISS = 'ALERT_DISMISS';
-export const ALERT_CLEAR = 'ALERT_CLEAR';
-
-const noOp = () => { };
-
-function dismissAlert(alert: NotificationObject) {
-  return {
-    type: ALERT_DISMISS,
-    alert,
-  };
-}
-
-function showAlert(
-  title: MessageDescriptor | string = messages.unexpectedTitle,
-  message: MessageDescriptor | string = messages.unexpectedMessage,
-  severity: SnackbarActionSeverity = 'info',
-) {
-  return {
-    type: ALERT_SHOW,
-    title,
-    message,
-    severity,
-  };
-}
-
-const showAlertForError = (error: AxiosError<any>) => (dispatch: React.Dispatch<AnyAction>, _getState: any) => {
-  if (error?.response) {
-    const { data, status, statusText } = error.response;
-
-    if (status === 502) {
-      return dispatch(showAlert('', 'The server is down', 'error'));
-    }
-
-    if (status === 404 || status === 410) {
-      // Skip these errors as they are reflected in the UI
-      return dispatch(noOp as any);
-    }
-
-    let message: string | undefined = statusText;
-
-    if (data?.error) {
-      message = data.error;
-    }
-
-    if (!message) {
-      message = httpErrorMessages.find((httpError) => httpError.code === status)?.description;
-    }
-
-    return dispatch(showAlert('', message, 'error'));
-  } else {
-    console.error(error);
-    return dispatch(showAlert(undefined, undefined, 'error'));
-  }
-};
-
-export {
-  dismissAlert,
-  showAlert,
-  showAlertForError,
-};

app/soapbox/actions/aliases.ts

@@ -6,7 +6,6 @@ import { getFeatures } from 'soapbox/utils/features';
 
 import api from '../api';
 
-import { showAlertForError } from './alerts';
 import { importFetchedAccounts } from './importer';
 import { patchMeSuccess } from './me';
 
@@ -80,7 +79,7 @@ const fetchAliasesSuggestions = (q: string) =>
     api(getState).get('/api/v1/accounts/search', { params }).then(({ data }) => {
       dispatch(importFetchedAccounts(data));
       dispatch(fetchAliasesSuggestionsReady(q, data));
-    }).catch(error => dispatch(showAlertForError(error)));
+    }).catch(error => toast.showAlertForError(error));
   };
 
 const fetchAliasesSuggestionsReady = (query: string, accounts: APIEntity[]) => ({

app/soapbox/actions/compose.ts

@@ -12,7 +12,6 @@ import { getFeatures, parseVersion } from 'soapbox/utils/features';
 import { formatBytes, getVideoDuration } from 'soapbox/utils/media';
 import resizeImage from 'soapbox/utils/resize-image';
 
-import { showAlert, showAlertForError } from './alerts';
 import { useEmoji } from './emojis';
 import { importFetchedAccounts } from './importer';
 import { uploadMedia, fetchMedia, updateMedia } from './media';
@@ -93,7 +92,7 @@ const messages = defineMessages({
   editSuccess: { id: 'compose.edit_success', defaultMessage: 'Your post was edited' },
   uploadErrorLimit: { id: 'upload_error.limit', defaultMessage: 'File upload limit exceeded.' },
   uploadErrorPoll: { id: 'upload_error.poll', defaultMessage: 'File upload not allowed with polls.' },
-  view: { id: 'snackbar.view', defaultMessage: 'View' },
+  view: { id: 'toast.view', defaultMessage: 'View' },
   replyConfirm: { id: 'confirmations.reply.confirm', defaultMessage: 'Reply' },
   replyMessage: { id: 'confirmations.reply.message', defaultMessage: 'Replying now will overwrite the message you are currently composing. Are you sure you want to proceed?' },
 });
@@ -333,7 +332,7 @@ const uploadCompose = (composeId: string, files: FileList, intl: IntlShape) =>
     const mediaCount = media ? media.size : 0;
 
     if (files.length + mediaCount > attachmentLimit) {
-      dispatch(showAlert(undefined, messages.uploadErrorLimit, 'error'));
+      toast.error(messages.uploadErrorLimit);
       return;
     }
 
@@ -499,7 +498,7 @@ const fetchComposeSuggestionsAccounts = throttle((dispatch, getState, composeId,
     dispatch(readyComposeSuggestionsAccounts(composeId, token, response.data));
   }).catch(error => {
     if (!isCancel(error)) {
-      dispatch(showAlertForError(error));
+      toast.showAlertForError(error);
     }
   });
 }, 200, { leading: true, trailing: true });

app/soapbox/actions/events.ts

@@ -91,7 +91,7 @@ const messages = defineMessages({
   editSuccess: { id: 'compose_event.edit_success', defaultMessage: 'Your event was edited' },
   joinSuccess: { id: 'join_event.success', defaultMessage: 'Joined the event' },
   joinRequestSuccess: { id: 'join_event.request_success', defaultMessage: 'Requested to join the event' },
-  view: { id: 'snackbar.view', defaultMessage: 'View' },
+  view: { id: 'toast.view', defaultMessage: 'View' },
   authorized: { id: 'compose_event.participation_requests.authorize_success', defaultMessage: 'User accepted' },
   rejected: { id: 'compose_event.participation_requests.reject_success', defaultMessage: 'User rejected' },
 });

app/soapbox/actions/export-data.ts

@@ -4,7 +4,6 @@ import api, { getLinks } from 'soapbox/api';
 import { normalizeAccount } from 'soapbox/normalizers';
 import toast from 'soapbox/toast';
 
-import type { SnackbarAction } from './snackbar';
 import type { AxiosResponse } from 'axios';
 import type { RootState } from 'soapbox/store';
 
@@ -37,7 +36,7 @@ type ExportDataActions = {
   | typeof EXPORT_MUTES_SUCCESS
   | typeof EXPORT_MUTES_FAIL,
   error?: any,
-} | SnackbarAction
+}
 
 function fileExport(content: string, fileName: string) {
   const fileToDownload = document.createElement('a');

app/soapbox/actions/import-data.ts

@@ -4,7 +4,6 @@ import toast from 'soapbox/toast';
 
 import api from '../api';
 
-import type { SnackbarAction } from './snackbar';
 import type { RootState } from 'soapbox/store';
 
 export const IMPORT_FOLLOWS_REQUEST = 'IMPORT_FOLLOWS_REQUEST';
@@ -31,7 +30,7 @@ type ImportDataActions = {
   | typeof IMPORT_MUTES_FAIL,
   error?: any,
   config?: string
-} | SnackbarAction
+}
 
 const messages = defineMessages({
   blocksSuccess: { id: 'import_data.success.blocks', defaultMessage: 'Blocks imported successfully' },

app/soapbox/actions/interactions.ts

@@ -63,7 +63,7 @@ const REMOTE_INTERACTION_FAIL    = 'REMOTE_INTERACTION_FAIL';
 const messages = defineMessages({
   bookmarkAdded: { id: 'status.bookmarked', defaultMessage: 'Bookmark added.' },
   bookmarkRemoved: { id: 'status.unbookmarked', defaultMessage: 'Bookmark removed.' },
-  view: { id: 'snackbar.view', defaultMessage: 'View' },
+  view: { id: 'toast.view', defaultMessage: 'View' },
 });
 
 const reblog = (status: StatusEntity) =>

app/soapbox/actions/lists.ts

@@ -1,8 +1,8 @@
+import toast from 'soapbox/toast';
 import { isLoggedIn } from 'soapbox/utils/auth';
 
 import api from '../api';
 
-import { showAlertForError } from './alerts';
 import { importFetchedAccounts } from './importer';
 
 import type { AxiosError } from 'axios';
@@ -265,7 +265,7 @@ const fetchListSuggestions = (q: string) => (dispatch: AppDispatch, getState: ()
   api(getState).get('/api/v1/accounts/search', { params }).then(({ data }) => {
     dispatch(importFetchedAccounts(data));
     dispatch(fetchListSuggestionsReady(q, data));
-  }).catch(error => dispatch(showAlertForError(error)));
+  }).catch(error => toast.showAlertForError(error));
 };
 
 const fetchListSuggestionsReady = (query: string, accounts: APIEntity[]) => ({

app/soapbox/actions/settings.ts

@@ -7,8 +7,6 @@ import { patchMe } from 'soapbox/actions/me';
 import toast from 'soapbox/toast';
 import { isLoggedIn } from 'soapbox/utils/auth';
 
-import { showAlertForError } from './alerts';
-
 import type { AppDispatch, RootState } from 'soapbox/store';
 
 const SETTING_CHANGE = 'SETTING_CHANGE';
@@ -225,7 +223,7 @@ const saveSettingsImmediate = (opts?: SettingOpts) =>
         toast.success(messages.saveSuccess);
       }
     }).catch(error => {
-      dispatch(showAlertForError(error));
+      toast.showAlertForError(error);
     });
   };
 

app/soapbox/actions/snackbar.ts

@@ -1,50 +0,0 @@
-import { ALERT_SHOW } from './alerts';
-
-import type { MessageDescriptor } from 'react-intl';
-
-export type SnackbarActionSeverity = 'info' | 'success' | 'error';
-
-type SnackbarMessage = string | MessageDescriptor;
-
-export type SnackbarAction = {
-  type: typeof ALERT_SHOW,
-  message: SnackbarMessage,
-  actionLabel?: SnackbarMessage,
-  actionLink?: string,
-  action?: () => void,
-  severity: SnackbarActionSeverity,
-};
-
-type SnackbarOpts = {
-  actionLabel?: SnackbarMessage,
-  actionLink?: string,
-  action?: () => void,
-  dismissAfter?: number | false,
-};
-
-export const show = (
-  severity: SnackbarActionSeverity,
-  message: SnackbarMessage,
-  opts?: SnackbarOpts,
-): SnackbarAction => ({
-  type: ALERT_SHOW,
-  message,
-  severity,
-  ...opts,
-});
-
-export const info = (message: SnackbarMessage, actionLabel?: SnackbarMessage, actionLink?: string) =>
-  show('info', message, { actionLabel, actionLink });
-
-export const success = (message: SnackbarMessage, actionLabel?: SnackbarMessage, actionLink?: string) =>
-  show('success', message, { actionLabel, actionLink });
-
-export const error = (message: SnackbarMessage, actionLabel?: SnackbarMessage, actionLink?: string) =>
-  show('error', message, { actionLabel, actionLink });
-
-export default {
-  info,
-  success,
-  error,
-  show,
-};

app/soapbox/components/status-action-bar.tsx

@@ -4,7 +4,6 @@ import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
 import { useHistory } from 'react-router-dom';
 
 import { blockAccount } from 'soapbox/actions/accounts';
-import { showAlertForError } from 'soapbox/actions/alerts';
 import { launchChat } from 'soapbox/actions/chats';
 import { directCompose, mentionCompose, quoteCompose, replyCompose } from 'soapbox/actions/compose';
 import { editEvent } from 'soapbox/actions/events';
@@ -19,6 +18,7 @@ import StatusActionButton from 'soapbox/components/status-action-button';
 import { HStack } from 'soapbox/components/ui';
 import DropdownMenuContainer from 'soapbox/containers/dropdown-menu-container';
 import { useAppDispatch, useAppSelector, useFeatures, useOwnAccount, useSettings, useSoapboxConfig } from 'soapbox/hooks';
+import toast from 'soapbox/toast';
 import { isLocal, isRemote } from 'soapbox/utils/accounts';
 import copy from 'soapbox/utils/copy';
 import { getReactForStatus, reduceEmoji } from 'soapbox/utils/emoji-reacts';
@@ -254,7 +254,7 @@ const StatusActionBar: React.FC<IStatusActionBar> = ({
   const handleEmbed = () => {
     dispatch(openModal('EMBED', {
       url: status.get('url'),
-      onError: (error: any) => dispatch(showAlertForError(error)),
+      onError: (error: any) => toast.showAlertForError(error),
     }));
   };
 

app/soapbox/containers/soapbox.tsx

@@ -26,7 +26,6 @@ import PublicLayout from 'soapbox/features/public-layout';
 import BundleContainer from 'soapbox/features/ui/containers/bundle-container';
 import {
   ModalContainer,
-  NotificationsContainer,
   OnboardingWizard,
   WaitlistPage,
 } from 'soapbox/features/ui/util/async-components';
@@ -187,10 +186,6 @@ const SoapboxMount = () => {
             <Route>
               {renderBody()}
 
-              <BundleContainer fetchComponent={NotificationsContainer}>
-                {(Component) => <Component />}
-              </BundleContainer>
-
               <BundleContainer fetchComponent={ModalContainer}>
                 {Component => <Component />}
               </BundleContainer>

app/soapbox/features/developers/developers-menu.tsx

@@ -43,7 +43,7 @@ const Developers: React.FC = () => {
     history.push('/');
   };
 
-  const showSnackbar = (event: React.MouseEvent<HTMLButtonElement>) => {
+  const showToast = (event: React.MouseEvent<HTMLButtonElement>) => {
     event.preventDefault();
 
     toast.success('Hello world!', {
@@ -112,11 +112,11 @@ const Developers: React.FC = () => {
             </Text>
           </DashWidget>
 
-          <DashWidget onClick={showSnackbar}>
+          <DashWidget onClick={showToast}>
             <SvgIcon src={require('@tabler/icons/urgent.svg')} className='text-gray-700 dark:text-gray-600' />
 
             <Text>
-              <FormattedMessage id='developers.navigation.show_snackbar' defaultMessage='Trigger Snackbar' />
+              <FormattedMessage id='developers.navigation.show_toast' defaultMessage='Trigger Toast' />
             </Text>
           </DashWidget>
         </div>

app/soapbox/features/developers/settings-store.tsx

@@ -1,7 +1,6 @@
 import React, { useState, useEffect } from 'react';
 import { useIntl, FormattedMessage, defineMessages } from 'react-intl';
 
-import { showAlertForError } from 'soapbox/actions/alerts';
 import { patchMe } from 'soapbox/actions/me';
 import { FE_NAME, SETTINGS_UPDATE, changeSetting } from 'soapbox/actions/settings';
 import List, { ListItem } from 'soapbox/components/list';
@@ -17,6 +16,7 @@ import {
 } from 'soapbox/components/ui';
 import SettingToggle from 'soapbox/features/notifications/components/setting-toggle';
 import { useAppSelector, useAppDispatch, useSettings } from 'soapbox/hooks';
+import toast from 'soapbox/toast';
 
 const isJSONValid = (text: any): boolean => {
   try {
@@ -65,7 +65,7 @@ const SettingsStore: React.FC = () => {
       dispatch({ type: SETTINGS_UPDATE, settings });
       setLoading(false);
     }).catch(error => {
-      dispatch(showAlertForError(error));
+      toast.showAlertForError(error);
       setLoading(false);
     });
   };

app/soapbox/features/ui/containers/notifications-container.tsx

@@ -1,84 +0,0 @@
-import React from 'react';
-import { useIntl, MessageDescriptor } from 'react-intl';
-import { NotificationStack, NotificationObject, StyleFactoryFn } from 'react-notification';
-import { useHistory } from 'react-router-dom';
-
-import { dismissAlert } from 'soapbox/actions/alerts';
-import { Button } from 'soapbox/components/ui';
-import { useAppSelector, useAppDispatch } from 'soapbox/hooks';
-
-import type { Alert } from 'soapbox/reducers/alerts';
-
-/** Portal for snackbar alerts. */
-const SnackbarContainer: React.FC = () => {
-  const intl = useIntl();
-  const history = useHistory();
-  const dispatch = useAppDispatch();
-
-  const alerts = useAppSelector(state => state.alerts);
-
-  /** Apply i18n to the message if it's an object. */
-  const maybeFormatMessage = (message: MessageDescriptor | string): string => {
-    switch (typeof message) {
-      case 'string': return message;
-      case 'object': return intl.formatMessage(message);
-      default: return '';
-    }
-  };
-
-  /** Convert a reducer Alert into a react-notification object. */
-  const buildAlert = (item: Alert): NotificationObject => {
-    // Backwards-compatibility
-    if (item.actionLink) {
-      item = item.set('action', () => history.push(item.actionLink));
-    }
-
-    const alert: NotificationObject = {
-      message: maybeFormatMessage(item.message),
-      title: maybeFormatMessage(item.title),
-      key: item.key,
-      className: `notification-bar-${item.severity}`,
-      activeClassName: 'snackbar--active',
-      dismissAfter: item.dismissAfter,
-      style: false,
-    };
-
-    if (item.action && item.actionLabel) {
-      // HACK: it's a JSX.Element instead of a string!
-      // react-notification displays it just fine.
-      alert.action = (
-        <Button theme='tertiary' size='sm' onClick={item.action} text={maybeFormatMessage(item.actionLabel)} />
-      ) as any;
-    }
-
-    return alert;
-  };
-
-  const onDismiss = (alert: NotificationObject) => {
-    dispatch(dismissAlert(alert));
-  };
-
-  const defaultBarStyleFactory: StyleFactoryFn = (index, style, _notification) => {
-    return Object.assign(
-      {},
-      style,
-      { bottom: `${14 + index * 12 + index * 42}px` },
-    );
-  };
-
-  const notifications = alerts.toArray().map(buildAlert);
-
-  return (
-    <div role='assertive' data-testid='toast' className='z-1000 fixed inset-0 flex items-end px-4 py-6 pointer-events-none pt-16 lg:pt-20 sm:items-start'>
-      <NotificationStack
-        onDismiss={onDismiss}
-        onClick={onDismiss}
-        barStyleFactory={defaultBarStyleFactory}
-        activeBarStyleFactory={defaultBarStyleFactory}
-        notifications={notifications}
-      />
-    </div>
-  );
-};
-
-export default SnackbarContainer;

app/soapbox/features/ui/util/async-components.ts

@@ -374,10 +374,6 @@ export function UploadArea() {
   return import(/* webpackChunkName: "features/compose" */'../components/upload-area');
 }
 
-export function NotificationsContainer() {
-  return import(/* webpackChunkName: "features/ui" */'../containers/notifications-container');
-}
-
 export function ModalContainer() {
   return import(/* webpackChunkName: "features/ui" */'../containers/modal-container');
 }

app/soapbox/jest/test-helpers.tsx

@@ -16,7 +16,6 @@ import { ChatProvider } from 'soapbox/contexts/chat-context';
 import { StatProvider } from 'soapbox/contexts/stat-context';
 import { queryClient } from 'soapbox/queries/client';
 
-import NotificationsContainer from '../features/ui/containers/notifications-container';
 import { default as rootReducer } from '../reducers';
 
 import type { AnyAction } from 'redux';
@@ -60,7 +59,6 @@ const TestApp: FC<any> = ({ children, storeProps, routerProps = {} }) => {
               <IntlProvider locale={props.locale}>
                 {children}
 
-                <NotificationsContainer />
                 <Toaster />
               </IntlProvider>
             </ChatProvider>

app/soapbox/locales/ar.json

@@ -1016,7 +1016,7 @@
   "sms_verification.sent.body": "لقد أرسلنا لك رمزًا مكونًا من 6 أرقام عبر رسالة نصية قصيرة. رجاءً أدخله في الأسفل.",
   "sms_verification.sent.header": "تأكيد الرمز",
   "sms_verification.success": "تم إرسال رمز التحقق إلى رقم هاتفك.",
-  "snackbar.view": "عرض",
+  "toast.view": "عرض",
   "soapbox_config.authenticated_profile_hint": "على المستخدمين أن يُسجلوا دخولهم كي يتمكنوا من عرض الردود والوسائط على الحسابات الشخصية للمستخدمين.",
   "soapbox_config.authenticated_profile_label": "حسابات شخصية تتطلب تسجيل الدخول لتصفحها",
   "soapbox_config.copyright_footer.meta_fields.label_placeholder": "حاشية حقوق الطبع والنشر",

app/soapbox/locales/ast.json

@@ -1016,7 +1016,7 @@
   "sms_verification.sent.body": "We sent you a 6-digit code via SMS. Enter it below.",
   "sms_verification.sent.header": "Verification code",
   "sms_verification.success": "A verification code has been sent to your phone number.",
-  "snackbar.view": "View",
+  "toast.view": "View",
   "soapbox_config.authenticated_profile_hint": "Users must be logged-in to view replies and media on user profiles.",
   "soapbox_config.authenticated_profile_label": "Profiles require authentication",
   "soapbox_config.copyright_footer.meta_fields.label_placeholder": "Copyright footer",

app/soapbox/locales/bg.json

@@ -1016,7 +1016,7 @@
   "sms_verification.sent.body": "We sent you a 6-digit code via SMS. Enter it below.",
   "sms_verification.sent.header": "Verification code",
   "sms_verification.success": "A verification code has been sent to your phone number.",
-  "snackbar.view": "View",
+  "toast.view": "View",
   "soapbox_config.authenticated_profile_hint": "Users must be logged-in to view replies and media on user profiles.",
   "soapbox_config.authenticated_profile_label": "Profiles require authentication",
   "soapbox_config.copyright_footer.meta_fields.label_placeholder": "Copyright footer",

app/soapbox/locales/bn.json

@@ -1016,7 +1016,7 @@
   "sms_verification.sent.body": "We sent you a 6-digit code via SMS. Enter it below.",
   "sms_verification.sent.header": "Verification code",
   "sms_verification.success": "A verification code has been sent to your phone number.",
-  "snackbar.view": "View",
+  "toast.view": "View",
   "soapbox_config.authenticated_profile_hint": "Users must be logged-in to view replies and media on user profiles.",
   "soapbox_config.authenticated_profile_label": "Profiles require authentication",
   "soapbox_config.copyright_footer.meta_fields.label_placeholder": "Copyright footer",

app/soapbox/locales/br.json

@@ -1016,7 +1016,7 @@
   "sms_verification.sent.body": "We sent you a 6-digit code via SMS. Enter it below.",
   "sms_verification.sent.header": "Verification code",
   "sms_verification.success": "A verification code has been sent to your phone number.",
-  "snackbar.view": "View",
+  "toast.view": "View",
   "soapbox_config.authenticated_profile_hint": "Users must be logged-in to view replies and media on user profiles.",
   "soapbox_config.authenticated_profile_label": "Profiles require authentication",
   "soapbox_config.copyright_footer.meta_fields.label_placeholder": "Copyright footer",

app/soapbox/locales/ca.json

@@ -1016,7 +1016,7 @@
   "sms_verification.sent.body": "We sent you a 6-digit code via SMS. Enter it below.",
   "sms_verification.sent.header": "Verification code",
   "sms_verification.success": "A verification code has been sent to your phone number.",
-  "snackbar.view": "View",
+  "toast.view": "View",
   "soapbox_config.authenticated_profile_hint": "Users must be logged-in to view replies and media on user profiles.",
   "soapbox_config.authenticated_profile_label": "Profiles require authentication",
   "soapbox_config.copyright_footer.meta_fields.label_placeholder": "Peu de pàgina dels drets d'autor",

app/soapbox/locales/co.json

@@ -1016,7 +1016,7 @@
   "sms_verification.sent.body": "We sent you a 6-digit code via SMS. Enter it below.",
   "sms_verification.sent.header": "Verification code",
   "sms_verification.success": "A verification code has been sent to your phone number.",
-  "snackbar.view": "View",
+  "toast.view": "View",
   "soapbox_config.authenticated_profile_hint": "Users must be logged-in to view replies and media on user profiles.",
   "soapbox_config.authenticated_profile_label": "Profiles require authentication",
   "soapbox_config.copyright_footer.meta_fields.label_placeholder": "Copyright footer",

app/soapbox/locales/cs.json

@@ -1016,7 +1016,7 @@
   "sms_verification.sent.body": "We sent you a 6-digit code via SMS. Enter it below.",
   "sms_verification.sent.header": "Verification code",
   "sms_verification.success": "A verification code has been sent to your phone number.",
-  "snackbar.view": "View",
+  "toast.view": "View",
   "soapbox_config.authenticated_profile_hint": "Pouze přihlášení uživatelé mohou prohlížet odpovědi a média na uživatelských profilech.",
   "soapbox_config.authenticated_profile_label": "Profily vyžadují přihlášení",
   "soapbox_config.copyright_footer.meta_fields.label_placeholder": "Copyright v zápatí",

app/soapbox/locales/cy.json

@@ -1016,7 +1016,7 @@
   "sms_verification.sent.body": "We sent you a 6-digit code via SMS. Enter it below.",
   "sms_verification.sent.header": "Verification code",
   "sms_verification.success": "A verification code has been sent to your phone number.",
-  "snackbar.view": "View",
+  "toast.view": "View",
   "soapbox_config.authenticated_profile_hint": "Users must be logged-in to view replies and media on user profiles.",
   "soapbox_config.authenticated_profile_label": "Profiles require authentication",
   "soapbox_config.copyright_footer.meta_fields.label_placeholder": "Copyright footer",

app/soapbox/locales/da.json

@@ -1016,7 +1016,7 @@
   "sms_verification.sent.body": "We sent you a 6-digit code via SMS. Enter it below.",
   "sms_verification.sent.header": "Verification code",
   "sms_verification.success": "A verification code has been sent to your phone number.",
-  "snackbar.view": "View",
+  "toast.view": "View",
   "soapbox_config.authenticated_profile_hint": "Users must be logged-in to view replies and media on user profiles.",
   "soapbox_config.authenticated_profile_label": "Profiles require authentication",
   "soapbox_config.copyright_footer.meta_fields.label_placeholder": "Copyright footer",

app/soapbox/locales/de.json

@@ -1016,7 +1016,7 @@
   "sms_verification.sent.body": "We sent you a 6-digit code via SMS. Enter it below.",
   "sms_verification.sent.header": "Verification code",
   "sms_verification.success": "A verification code has been sent to your phone number.",
-  "snackbar.view": "Anzeigen",
+  "toast.view": "Anzeigen",
   "soapbox_config.authenticated_profile_hint": "Nur angemeldete Nutzer können Antworten und Medien auf Nutzerprofilen sehen.",
   "soapbox_config.authenticated_profile_label": "Profil erfordert Authentifizierung",
   "soapbox_config.copyright_footer.meta_fields.label_placeholder": "Copyright Fußnote",

app/soapbox/locales/defaultMessages.json

@@ -74,7 +74,7 @@
       },
       {
         "defaultMessage": "View",
-        "id": "snackbar.view"
+        "id": "toast.view"
       },
       {
         "defaultMessage": "Reply",
@@ -146,7 +146,7 @@
       },
       {
         "defaultMessage": "View",
-        "id": "snackbar.view"
+        "id": "toast.view"
       }
     ],
     "path": "app/soapbox/actions/interactions.json"

app/soapbox/locales/el.json

@@ -1016,7 +1016,7 @@
   "sms_verification.sent.body": "We sent you a 6-digit code via SMS. Enter it below.",
   "sms_verification.sent.header": "Verification code",
   "sms_verification.success": "A verification code has been sent to your phone number.",
-  "snackbar.view": "View",
+  "toast.view": "View",
   "soapbox_config.authenticated_profile_hint": "Users must be logged-in to view replies and media on user profiles.",
   "soapbox_config.authenticated_profile_label": "Profiles require authentication",
   "soapbox_config.copyright_footer.meta_fields.label_placeholder": "Copyright footer",

app/soapbox/locales/en-Shaw.json

@@ -1016,7 +1016,7 @@
   "sms_verification.sent.body": "We sent you a 6-digit code via SMS. Enter it below.",
   "sms_verification.sent.header": "Verification code",
   "sms_verification.success": "A verification code has been sent to your phone number.",
-  "snackbar.view": "View",
+  "toast.view": "View",
   "soapbox_config.authenticated_profile_hint": "𐑿𐑟𐑼𐑟 𐑥𐑳𐑕𐑑 𐑚𐑰 𐑤𐑪𐑜𐑛-𐑦𐑯 𐑑 𐑝𐑿 𐑮𐑦𐑐𐑤𐑲𐑟 𐑯 𐑥𐑰𐑛𐑾 𐑪𐑯 𐑿𐑟𐑼 𐑐𐑮𐑴𐑓𐑲𐑤𐑟.",
   "soapbox_config.authenticated_profile_label": "𐑐𐑮𐑴𐑓𐑲𐑤𐑟 𐑮𐑦𐑒𐑢𐑲𐑼 𐑷𐑔𐑧𐑯𐑑𐑦𐑒𐑱𐑖𐑩𐑯",
   "soapbox_config.copyright_footer.meta_fields.label_placeholder": "Copyright footer",

app/soapbox/locales/en.json

@@ -1016,7 +1016,7 @@
   "sms_verification.sent.body": "We sent you a 6-digit code via SMS. Enter it below.",
   "sms_verification.sent.header": "Verification code",
   "sms_verification.success": "A verification code has been sent to your phone number.",
-  "snackbar.view": "View",
+  "toast.view": "View",
   "soapbox_config.authenticated_profile_hint": "Users must be logged-in to view replies and media on user profiles.",
   "soapbox_config.authenticated_profile_label": "Profiles require authentication",
   "soapbox_config.copyright_footer.meta_fields.label_placeholder": "Copyright footer",

app/soapbox/locales/eo.json

@@ -1016,7 +1016,7 @@
   "sms_verification.sent.body": "We sent you a 6-digit code via SMS. Enter it below.",
   "sms_verification.sent.header": "Verification code",
   "sms_verification.success": "A verification code has been sent to your phone number.",
-  "snackbar.view": "View",
+  "toast.view": "View",
   "soapbox_config.authenticated_profile_hint": "Users must be logged-in to view replies and media on user profiles.",
   "soapbox_config.authenticated_profile_label": "Profiles require authentication",
   "soapbox_config.copyright_footer.meta_fields.label_placeholder": "Copyright footer",

app/soapbox/locales/es-AR.json

@@ -1016,7 +1016,7 @@
   "sms_verification.sent.body": "We sent you a 6-digit code via SMS. Enter it below.",
   "sms_verification.sent.header": "Verification code",
   "sms_verification.success": "A verification code has been sent to your phone number.",
-  "snackbar.view": "View",
+  "toast.view": "View",
   "soapbox_config.authenticated_profile_hint": "Users must be logged-in to view replies and media on user profiles.",
   "soapbox_config.authenticated_profile_label": "Profiles require authentication",
   "soapbox_config.copyright_footer.meta_fields.label_placeholder": "Copyright footer",

app/soapbox/locales/es.json

@@ -1016,7 +1016,7 @@
   "sms_verification.sent.body": "We sent you a 6-digit code via SMS. Enter it below.",
   "sms_verification.sent.header": "Verification code",
   "sms_verification.success": "A verification code has been sent to your phone number.",
-  "snackbar.view": "View",
+  "toast.view": "View",
   "soapbox_config.authenticated_profile_hint": "Users must be logged-in to view replies and media on user profiles.",
   "soapbox_config.authenticated_profile_label": "Profiles require authentication",
   "soapbox_config.copyright_footer.meta_fields.label_placeholder": "Copyright footer",

app/soapbox/locales/et.json

@@ -1016,7 +1016,7 @@
   "sms_verification.sent.body": "We sent you a 6-digit code via SMS. Enter it below.",
   "sms_verification.sent.header": "Verification code",
   "sms_verification.success": "A verification code has been sent to your phone number.",
-  "snackbar.view": "View",
+  "toast.view": "View",
   "soapbox_config.authenticated_profile_hint": "Users must be logged-in to view replies and media on user profiles.",
   "soapbox_config.authenticated_profile_label": "Profiles require authentication",
   "soapbox_config.copyright_footer.meta_fields.label_placeholder": "Copyright footer",

app/soapbox/locales/eu.json

@@ -1016,7 +1016,7 @@
   "sms_verification.sent.body": "We sent you a 6-digit code via SMS. Enter it below.",
   "sms_verification.sent.header": "Verification code",
   "sms_verification.success": "A verification code has been sent to your phone number.",
-  "snackbar.view": "View",
+  "toast.view": "View",
   "soapbox_config.authenticated_profile_hint": "Users must be logged-in to view replies and media on user profiles.",
   "soapbox_config.authenticated_profile_label": "Profiles require authentication",
   "soapbox_config.copyright_footer.meta_fields.label_placeholder": "Copyright footer",

app/soapbox/locales/fa.json

@@ -1016,7 +1016,7 @@
   "sms_verification.sent.body": "We sent you a 6-digit code via SMS. Enter it below.",
   "sms_verification.sent.header": "Verification code",
   "sms_verification.success": "A verification code has been sent to your phone number.",
-  "snackbar.view": "View",
+  "toast.view": "View",
   "soapbox_config.authenticated_profile_hint": "Users must be logged-in to view replies and media on user profiles.",
   "soapbox_config.authenticated_profile_label": "Profiles require authentication",
   "soapbox_config.copyright_footer.meta_fields.label_placeholder": "Copyright footer",

app/soapbox/locales/fi.json

@@ -1016,7 +1016,7 @@
   "sms_verification.sent.body": "We sent you a 6-digit code via SMS. Enter it below.",
   "sms_verification.sent.header": "Verification code",
   "sms_verification.success": "A verification code has been sent to your phone number.",
-  "snackbar.view": "View",
+  "toast.view": "View",
   "soapbox_config.authenticated_profile_hint": "Users must be logged-in to view replies and media on user profiles.",
   "soapbox_config.authenticated_profile_label": "Profiles require authentication",
   "soapbox_config.copyright_footer.meta_fields.label_placeholder": "Copyright footer",

app/soapbox/locales/fr.json

@@ -1016,7 +1016,7 @@
   "sms_verification.sent.body": "We sent you a 6-digit code via SMS. Enter it below.",
   "sms_verification.sent.header": "Verification code",
   "sms_verification.success": "A verification code has been sent to your phone number.",
-  "snackbar.view": "View",
+  "toast.view": "View",
   "soapbox_config.authenticated_profile_hint": "Users must be logged-in to view replies and media on user profiles.",
   "soapbox_config.authenticated_profile_label": "Profiles require authentication",
   "soapbox_config.copyright_footer.meta_fields.label_placeholder": "Copyright footer",

app/soapbox/locales/ga.json

@@ -1016,7 +1016,7 @@
   "sms_verification.sent.body": "We sent you a 6-digit code via SMS. Enter it below.",
   "sms_verification.sent.header": "Verification code",
   "sms_verification.success": "A verification code has been sent to your phone number.",
-  "snackbar.view": "View",
+  "toast.view": "View",
   "soapbox_config.authenticated_profile_hint": "Users must be logged-in to view replies and media on user profiles.",
   "soapbox_config.authenticated_profile_label": "Profiles require authentication",
   "soapbox_config.copyright_footer.meta_fields.label_placeholder": "Copyright footer",

app/soapbox/locales/gl.json

@@ -1016,7 +1016,7 @@
   "sms_verification.sent.body": "We sent you a 6-digit code via SMS. Enter it below.",
   "sms_verification.sent.header": "Verification code",
   "sms_verification.success": "A verification code has been sent to your phone number.",
-  "snackbar.view": "View",
+  "toast.view": "View",
   "soapbox_config.authenticated_profile_hint": "Users must be logged-in to view replies and media on user profiles.",
   "soapbox_config.authenticated_profile_label": "Profiles require authentication",
   "soapbox_config.copyright_footer.meta_fields.label_placeholder": "Copyright footer",

app/soapbox/locales/he.json

@@ -1016,7 +1016,7 @@
   "sms_verification.sent.body": "We sent you a 6-digit code via SMS. Enter it below.",
   "sms_verification.sent.header": "Verification code",
   "sms_verification.success": "A verification code has been sent to your phone number.",
-  "snackbar.view": "View",
+  "toast.view": "View",
   "soapbox_config.authenticated_profile_hint": "משתמשים חייבים להיות מחוברים כדי לראות תגובות ומדיה בפרופילי משתמש.",
   "soapbox_config.authenticated_profile_label": "פרופילים שדורשים אימות",
   "soapbox_config.copyright_footer.meta_fields.label_placeholder": "כותרת תחתונה של זכויות יוצרים",

app/soapbox/locales/hi.json

@@ -1016,7 +1016,7 @@
   "sms_verification.sent.body": "We sent you a 6-digit code via SMS. Enter it below.",
   "sms_verification.sent.header": "Verification code",
   "sms_verification.success": "A verification code has been sent to your phone number.",
-  "snackbar.view": "View",
+  "toast.view": "View",
   "soapbox_config.authenticated_profile_hint": "Users must be logged-in to view replies and media on user profiles.",
   "soapbox_config.authenticated_profile_label": "Profiles require authentication",
   "soapbox_config.copyright_footer.meta_fields.label_placeholder": "Copyright footer",

app/soapbox/locales/hr.json

@@ -1016,7 +1016,7 @@
   "sms_verification.sent.body": "We sent you a 6-digit code via SMS. Enter it below.",
   "sms_verification.sent.header": "Verification code",
   "sms_verification.success": "A verification code has been sent to your phone number.",
-  "snackbar.view": "View",
+  "toast.view": "View",
   "soapbox_config.authenticated_profile_hint": "Users must be logged-in to view replies and media on user profiles.",
   "soapbox_config.authenticated_profile_label": "Profiles require authentication",
   "soapbox_config.copyright_footer.meta_fields.label_placeholder": "Copyright footer",

app/soapbox/locales/hu.json

@@ -1016,7 +1016,7 @@
   "sms_verification.sent.body": "We sent you a 6-digit code via SMS. Enter it below.",
   "sms_verification.sent.header": "Verification code",
   "sms_verification.success": "A verification code has been sent to your phone number.",
-  "snackbar.view": "View",
+  "toast.view": "View",
   "soapbox_config.authenticated_profile_hint": "Users must be logged-in to view replies and media on user profiles.",
   "soapbox_config.authenticated_profile_label": "Profiles require authentication",
   "soapbox_config.copyright_footer.meta_fields.label_placeholder": "Copyright footer",

app/soapbox/locales/hy.json

@@ -1016,7 +1016,7 @@
   "sms_verification.sent.body": "We sent you a 6-digit code via SMS. Enter it below.",
   "sms_verification.sent.header": "Verification code",
   "sms_verification.success": "A verification code has been sent to your phone number.",
-  "snackbar.view": "View",
+  "toast.view": "View",
   "soapbox_config.authenticated_profile_hint": "Users must be logged-in to view replies and media on user profiles.",
   "soapbox_config.authenticated_profile_label": "Profiles require authentication",
   "soapbox_config.copyright_footer.meta_fields.label_placeholder": "Copyright footer",

app/soapbox/locales/id.json

@@ -1016,7 +1016,7 @@
   "sms_verification.sent.body": "We sent you a 6-digit code via SMS. Enter it below.",
   "sms_verification.sent.header": "Verification code",
   "sms_verification.success": "A verification code has been sent to your phone number.",
-  "snackbar.view": "View",
+  "toast.view": "View",
   "soapbox_config.authenticated_profile_hint": "Users must be logged-in to view replies and media on user profiles.",
   "soapbox_config.authenticated_profile_label": "Profiles require authentication",
   "soapbox_config.copyright_footer.meta_fields.label_placeholder": "Copyright footer",

app/soapbox/locales/io.json

@@ -1016,7 +1016,7 @@
   "sms_verification.sent.body": "We sent you a 6-digit code via SMS. Enter it below.",
   "sms_verification.sent.header": "Verification code",
   "sms_verification.success": "A verification code has been sent to your phone number.",
-  "snackbar.view": "View",
+  "toast.view": "View",
   "soapbox_config.authenticated_profile_hint": "Users must be logged-in to view replies and media on user profiles.",
   "soapbox_config.authenticated_profile_label": "Profiles require authentication",
   "soapbox_config.copyright_footer.meta_fields.label_placeholder": "Copyright footer",

app/soapbox/locales/is.json

@@ -1016,7 +1016,7 @@
   "sms_verification.sent.body": "We sent you a 6-digit code via SMS. Enter it below.",
   "sms_verification.sent.header": "Verification code",
   "sms_verification.success": "A verification code has been sent to your phone number.",
-  "snackbar.view": "Skoða",
+  "toast.view": "Skoða",
   "soapbox_config.authenticated_profile_hint": "Notendur verða að vera skráðir inn til að sjá svör og myndefni á notandasniðum.",
   "soapbox_config.authenticated_profile_label": "Snið krefst auðkenningar",
   "soapbox_config.copyright_footer.meta_fields.label_placeholder": "Höfundarréttarfótur",

app/soapbox/locales/it.json

@@ -1016,7 +1016,7 @@
   "sms_verification.sent.body": "We sent you a 6-digit code via SMS. Enter it below.",
   "sms_verification.sent.header": "Verification code",
   "sms_verification.success": "A verification code has been sent to your phone number.",
-  "snackbar.view": "Mostra",
+  "toast.view": "Mostra",
   "soapbox_config.authenticated_profile_hint": "Users must be logged-in to view replies and media on user profiles.",
   "soapbox_config.authenticated_profile_label": "Profiles require authentication",
   "soapbox_config.copyright_footer.meta_fields.label_placeholder": "Copyright nel fondo",

app/soapbox/locales/ja.json

@@ -1016,7 +1016,7 @@
   "sms_verification.sent.body": "We sent you a 6-digit code via SMS. Enter it below.",
   "sms_verification.sent.header": "Verification code",
   "sms_verification.success": "A verification code has been sent to your phone number.",
-  "snackbar.view": "View",
+  "toast.view": "View",
   "soapbox_config.authenticated_profile_hint": "Users must be logged-in to view replies and media on user profiles.",
   "soapbox_config.authenticated_profile_label": "Profiles require authentication",
   "soapbox_config.copyright_footer.meta_fields.label_placeholder": "Copyright footer",

app/soapbox/locales/ka.json

@@ -1016,7 +1016,7 @@
   "sms_verification.sent.body": "We sent you a 6-digit code via SMS. Enter it below.",
   "sms_verification.sent.header": "Verification code",
   "sms_verification.success": "A verification code has been sent to your phone number.",
-  "snackbar.view": "View",
+  "toast.view": "View",
   "soapbox_config.authenticated_profile_hint": "Users must be logged-in to view replies and media on user profiles.",
   "soapbox_config.authenticated_profile_label": "Profiles require authentication",
   "soapbox_config.copyright_footer.meta_fields.label_placeholder": "Copyright footer",

app/soapbox/locales/kk.json

@@ -1016,7 +1016,7 @@
   "sms_verification.sent.body": "We sent you a 6-digit code via SMS. Enter it below.",
   "sms_verification.sent.header": "Verification code",
   "sms_verification.success": "A verification code has been sent to your phone number.",
-  "snackbar.view": "View",
+  "toast.view": "View",
   "soapbox_config.authenticated_profile_hint": "Users must be logged-in to view replies and media on user profiles.",
   "soapbox_config.authenticated_profile_label": "Profiles require authentication",
   "soapbox_config.copyright_footer.meta_fields.label_placeholder": "Copyright footer",

app/soapbox/locales/ko.json

@@ -1016,7 +1016,7 @@
   "sms_verification.sent.body": "We sent you a 6-digit code via SMS. Enter it below.",
   "sms_verification.sent.header": "Verification code",
   "sms_verification.success": "A verification code has been sent to your phone number.",
-  "snackbar.view": "View",
+  "toast.view": "View",
   "soapbox_config.authenticated_profile_hint": "Users must be logged-in to view replies and media on user profiles.",
   "soapbox_config.authenticated_profile_label": "Profiles require authentication",
   "soapbox_config.copyright_footer.meta_fields.label_placeholder": "Copyright footer",

app/soapbox/locales/lt.json

@@ -1016,7 +1016,7 @@
   "sms_verification.sent.body": "We sent you a 6-digit code via SMS. Enter it below.",
   "sms_verification.sent.header": "Verification code",
   "sms_verification.success": "A verification code has been sent to your phone number.",
-  "snackbar.view": "View",
+  "toast.view": "View",
   "soapbox_config.authenticated_profile_hint": "Users must be logged-in to view replies and media on user profiles.",
   "soapbox_config.authenticated_profile_label": "Profiles require authentication",
   "soapbox_config.copyright_footer.meta_fields.label_placeholder": "Copyright footer",

app/soapbox/locales/lv.json

@@ -1016,7 +1016,7 @@
   "sms_verification.sent.body": "We sent you a 6-digit code via SMS. Enter it below.",
   "sms_verification.sent.header": "Verification code",
   "sms_verification.success": "A verification code has been sent to your phone number.",
-  "snackbar.view": "View",
+  "toast.view": "View",
   "soapbox_config.authenticated_profile_hint": "Users must be logged-in to view replies and media on user profiles.",
   "soapbox_config.authenticated_profile_label": "Profiles require authentication",
   "soapbox_config.copyright_footer.meta_fields.label_placeholder": "Copyright footer",

app/soapbox/locales/mk.json

@@ -1016,7 +1016,7 @@
   "sms_verification.sent.body": "We sent you a 6-digit code via SMS. Enter it below.",
   "sms_verification.sent.header": "Verification code",
   "sms_verification.success": "A verification code has been sent to your phone number.",
-  "snackbar.view": "View",
+  "toast.view": "View",
   "soapbox_config.authenticated_profile_hint": "Users must be logged-in to view replies and media on user profiles.",
   "soapbox_config.authenticated_profile_label": "Profiles require authentication",
   "soapbox_config.copyright_footer.meta_fields.label_placeholder": "Copyright footer",

app/soapbox/locales/ms.json

@@ -1016,7 +1016,7 @@
   "sms_verification.sent.body": "We sent you a 6-digit code via SMS. Enter it below.",
   "sms_verification.sent.header": "Verification code",
   "sms_verification.success": "A verification code has been sent to your phone number.",
-  "snackbar.view": "View",
+  "toast.view": "View",
   "soapbox_config.authenticated_profile_hint": "Users must be logged-in to view replies and media on user profiles.",
   "soapbox_config.authenticated_profile_label": "Profiles require authentication",
   "soapbox_config.copyright_footer.meta_fields.label_placeholder": "Copyright footer",

app/soapbox/locales/nl.json

@@ -1016,7 +1016,7 @@
   "sms_verification.sent.body": "We sent you a 6-digit code via SMS. Enter it below.",
   "sms_verification.sent.header": "Verification code",
   "sms_verification.success": "A verification code has been sent to your phone number.",
-  "snackbar.view": "View",
+  "toast.view": "View",
   "soapbox_config.authenticated_profile_hint": "Users must be logged-in to view replies and media on user profiles.",
   "soapbox_config.authenticated_profile_label": "Profiles require authentication",
   "soapbox_config.copyright_footer.meta_fields.label_placeholder": "Copyright footer",

app/soapbox/locales/nn.json

@@ -1016,7 +1016,7 @@
   "sms_verification.sent.body": "We sent you a 6-digit code via SMS. Enter it below.",
   "sms_verification.sent.header": "Verification code",
   "sms_verification.success": "A verification code has been sent to your phone number.",
-  "snackbar.view": "View",
+  "toast.view": "View",
   "soapbox_config.authenticated_profile_hint": "Users must be logged-in to view replies and media on user profiles.",
   "soapbox_config.authenticated_profile_label": "Profiles require authentication",
   "soapbox_config.copyright_footer.meta_fields.label_placeholder": "Copyright footer",

app/soapbox/locales/no.json

@@ -1016,7 +1016,7 @@
   "sms_verification.sent.body": "We sent you a 6-digit code via SMS. Enter it below.",
   "sms_verification.sent.header": "Verification code",
   "sms_verification.success": "A verification code has been sent to your phone number.",
-  "snackbar.view": "View",
+  "toast.view": "View",
   "soapbox_config.authenticated_profile_hint": "Users must be logged-in to view replies and media on user profiles.",
   "soapbox_config.authenticated_profile_label": "Profiles require authentication",
   "soapbox_config.copyright_footer.meta_fields.label_placeholder": "Copyright footer",

app/soapbox/locales/oc.json

@@ -1016,7 +1016,7 @@
   "sms_verification.sent.body": "We sent you a 6-digit code via SMS. Enter it below.",
   "sms_verification.sent.header": "Verification code",
   "sms_verification.success": "A verification code has been sent to your phone number.",
-  "snackbar.view": "View",
+  "toast.view": "View",
   "soapbox_config.authenticated_profile_hint": "Users must be logged-in to view replies and media on user profiles.",
   "soapbox_config.authenticated_profile_label": "Profiles require authentication",
   "soapbox_config.copyright_footer.meta_fields.label_placeholder": "Copyright footer",

app/soapbox/locales/pl.json

@@ -1161,7 +1161,7 @@
   "sms_verification.sent.body": "Wysłaliśmy Ci 6-cyfrowy kod SMS-em. Wprowadź go poniżej.",
   "sms_verification.sent.header": "Kod weryfikujący",
   "sms_verification.success": "Kod weryfikujący został wysłany na Twój numer telefonu.",
-  "snackbar.view": "Wyświetl",
+  "toast.view": "Wyświetl",
   "soapbox_config.authenticated_profile_hint": "Użytkownicy muszą być zalogowani, aby zobaczyć odpowiedzi i media na profilach użytkowników.",
   "soapbox_config.authenticated_profile_label": "Profile wymagają uwierzytelniania",
   "soapbox_config.copyright_footer.meta_fields.label_placeholder": "Stopka praw autorskich",

app/soapbox/locales/pt-BR.json

@@ -1016,7 +1016,7 @@
   "sms_verification.sent.body": "We sent you a 6-digit code via SMS. Enter it below.",
   "sms_verification.sent.header": "Verification code",
   "sms_verification.success": "A verification code has been sent to your phone number.",
-  "snackbar.view": "View",
+  "toast.view": "View",
   "soapbox_config.authenticated_profile_hint": "Users must be logged-in to view replies and media on user profiles.",
   "soapbox_config.authenticated_profile_label": "Profiles require authentication",
   "soapbox_config.copyright_footer.meta_fields.label_placeholder": "Copyright footer",

app/soapbox/locales/pt.json

@@ -1016,7 +1016,7 @@
   "sms_verification.sent.body": "We sent you a 6-digit code via SMS. Enter it below.",
   "sms_verification.sent.header": "Verification code",
   "sms_verification.success": "A verification code has been sent to your phone number.",
-  "snackbar.view": "View",
+  "toast.view": "View",
   "soapbox_config.authenticated_profile_hint": "Users must be logged-in to view replies and media on user profiles.",
   "soapbox_config.authenticated_profile_label": "Profiles require authentication",
   "soapbox_config.copyright_footer.meta_fields.label_placeholder": "Rodaþé de direitos autorais",

app/soapbox/locales/ro.json

@@ -1016,7 +1016,7 @@
   "sms_verification.sent.body": "We sent you a 6-digit code via SMS. Enter it below.",
   "sms_verification.sent.header": "Verification code",
   "sms_verification.success": "A verification code has been sent to your phone number.",
-  "snackbar.view": "View",
+  "toast.view": "View",
   "soapbox_config.authenticated_profile_hint": "Users must be logged-in to view replies and media on user profiles.",
   "soapbox_config.authenticated_profile_label": "Profiles require authentication",
   "soapbox_config.copyright_footer.meta_fields.label_placeholder": "Copyright footer",

app/soapbox/locales/ru.json

@@ -1016,7 +1016,7 @@
   "sms_verification.sent.body": "We sent you a 6-digit code via SMS. Enter it below.",
   "sms_verification.sent.header": "Verification code",
   "sms_verification.success": "A verification code has been sent to your phone number.",
-  "snackbar.view": "View",
+  "toast.view": "View",
   "soapbox_config.authenticated_profile_hint": "Users must be logged-in to view replies and media on user profiles.",
   "soapbox_config.authenticated_profile_label": "Profiles require authentication",
   "soapbox_config.copyright_footer.meta_fields.label_placeholder": "Copyright footer",

app/soapbox/locales/sk.json

@@ -1016,7 +1016,7 @@
   "sms_verification.sent.body": "We sent you a 6-digit code via SMS. Enter it below.",
   "sms_verification.sent.header": "Verification code",
   "sms_verification.success": "A verification code has been sent to your phone number.",
-  "snackbar.view": "View",
+  "toast.view": "View",
   "soapbox_config.authenticated_profile_hint": "Users must be logged-in to view replies and media on user profiles.",
   "soapbox_config.authenticated_profile_label": "Profiles require authentication",
   "soapbox_config.copyright_footer.meta_fields.label_placeholder": "Copyright footer",

app/soapbox/locales/sl.json

@@ -1016,7 +1016,7 @@
   "sms_verification.sent.body": "We sent you a 6-digit code via SMS. Enter it below.",
   "sms_verification.sent.header": "Verification code",
   "sms_verification.success": "A verification code has been sent to your phone number.",
-  "snackbar.view": "View",
+  "toast.view": "View",
   "soapbox_config.authenticated_profile_hint": "Users must be logged-in to view replies and media on user profiles.",
   "soapbox_config.authenticated_profile_label": "Profiles require authentication",
   "soapbox_config.copyright_footer.meta_fields.label_placeholder": "Copyright footer",

app/soapbox/locales/sq.json

@@ -1016,7 +1016,7 @@
   "sms_verification.sent.body": "We sent you a 6-digit code via SMS. Enter it below.",
   "sms_verification.sent.header": "Verification code",
   "sms_verification.success": "A verification code has been sent to your phone number.",
-  "snackbar.view": "View",
+  "toast.view": "View",
   "soapbox_config.authenticated_profile_hint": "Users must be logged-in to view replies and media on user profiles.",
   "soapbox_config.authenticated_profile_label": "Profiles require authentication",
   "soapbox_config.copyright_footer.meta_fields.label_placeholder": "Copyright footer",

app/soapbox/locales/sr-Latn.json

@@ -1016,7 +1016,7 @@
   "sms_verification.sent.body": "We sent you a 6-digit code via SMS. Enter it below.",
   "sms_verification.sent.header": "Verification code",
   "sms_verification.success": "A verification code has been sent to your phone number.",
-  "snackbar.view": "View",
+  "toast.view": "View",
   "soapbox_config.authenticated_profile_hint": "Users must be logged-in to view replies and media on user profiles.",
   "soapbox_config.authenticated_profile_label": "Profiles require authentication",
   "soapbox_config.copyright_footer.meta_fields.label_placeholder": "Copyright footer",

app/soapbox/locales/sr.json

@@ -1016,7 +1016,7 @@
   "sms_verification.sent.body": "We sent you a 6-digit code via SMS. Enter it below.",
   "sms_verification.sent.header": "Verification code",
   "sms_verification.success": "A verification code has been sent to your phone number.",
-  "snackbar.view": "View",
+  "toast.view": "View",
   "soapbox_config.authenticated_profile_hint": "Users must be logged-in to view replies and media on user profiles.",
   "soapbox_config.authenticated_profile_label": "Profiles require authentication",
   "soapbox_config.copyright_footer.meta_fields.label_placeholder": "Copyright footer",

app/soapbox/locales/sv.json

@@ -1016,7 +1016,7 @@
   "sms_verification.sent.body": "We sent you a 6-digit code via SMS. Enter it below.",
   "sms_verification.sent.header": "Verification code",
   "sms_verification.success": "A verification code has been sent to your phone number.",
-  "snackbar.view": "View",
+  "toast.view": "View",
   "soapbox_config.authenticated_profile_hint": "Users must be logged-in to view replies and media on user profiles.",
   "soapbox_config.authenticated_profile_label": "Profiles require authentication",
   "soapbox_config.copyright_footer.meta_fields.label_placeholder": "Copyright footer",

app/soapbox/locales/ta.json

@@ -1016,7 +1016,7 @@
   "sms_verification.sent.body": "We sent you a 6-digit code via SMS. Enter it below.",
   "sms_verification.sent.header": "Verification code",
   "sms_verification.success": "A verification code has been sent to your phone number.",
-  "snackbar.view": "View",
+  "toast.view": "View",
   "soapbox_config.authenticated_profile_hint": "Users must be logged-in to view replies and media on user profiles.",
   "soapbox_config.authenticated_profile_label": "Profiles require authentication",
   "soapbox_config.copyright_footer.meta_fields.label_placeholder": "Copyright footer",

app/soapbox/locales/te.json

@@ -1016,7 +1016,7 @@
   "sms_verification.sent.body": "We sent you a 6-digit code via SMS. Enter it below.",
   "sms_verification.sent.header": "Verification code",
   "sms_verification.success": "A verification code has been sent to your phone number.",
-  "snackbar.view": "View",
+  "toast.view": "View",
   "soapbox_config.authenticated_profile_hint": "Users must be logged-in to view replies and media on user profiles.",
   "soapbox_config.authenticated_profile_label": "Profiles require authentication",
   "soapbox_config.copyright_footer.meta_fields.label_placeholder": "Copyright footer",

app/soapbox/locales/th.json

@@ -1016,7 +1016,7 @@
   "sms_verification.sent.body": "We sent you a 6-digit code via SMS. Enter it below.",
   "sms_verification.sent.header": "Verification code",
   "sms_verification.success": "A verification code has been sent to your phone number.",
-  "snackbar.view": "View",
+  "toast.view": "View",
   "soapbox_config.authenticated_profile_hint": "Users must be logged-in to view replies and media on user profiles.",
   "soapbox_config.authenticated_profile_label": "Profiles require authentication",
   "soapbox_config.copyright_footer.meta_fields.label_placeholder": "Copyright footer",

app/soapbox/locales/tr.json

@@ -1016,7 +1016,7 @@
   "sms_verification.sent.body": "We sent you a 6-digit code via SMS. Enter it below.",
   "sms_verification.sent.header": "Verification code",
   "sms_verification.success": "A verification code has been sent to your phone number.",
-  "snackbar.view": "View",
+  "toast.view": "View",
   "soapbox_config.authenticated_profile_hint": "Users must be logged-in to view replies and media on user profiles.",
   "soapbox_config.authenticated_profile_label": "Profiles require authentication",
   "soapbox_config.copyright_footer.meta_fields.label_placeholder": "Copyright footer",

app/soapbox/locales/uk.json

@@ -1016,7 +1016,7 @@
   "sms_verification.sent.body": "We sent you a 6-digit code via SMS. Enter it below.",
   "sms_verification.sent.header": "Verification code",
   "sms_verification.success": "A verification code has been sent to your phone number.",
-  "snackbar.view": "View",
+  "toast.view": "View",
   "soapbox_config.authenticated_profile_hint": "Users must be logged-in to view replies and media on user profiles.",
   "soapbox_config.authenticated_profile_label": "Profiles require authentication",
   "soapbox_config.copyright_footer.meta_fields.label_placeholder": "Copyright footer",

app/soapbox/locales/zh-CN.json

@@ -1016,7 +1016,7 @@
   "sms_verification.sent.body": "We sent you a 6-digit code via SMS. Enter it below.",
   "sms_verification.sent.header": "Verification code",
   "sms_verification.success": "A verification code has been sent to your phone number.",
-  "snackbar.view": "浏览",
+  "toast.view": "浏览",
   "soapbox_config.authenticated_profile_hint": "用户必须登录后才能查看用户个人资料上的回复和媒体。",
   "soapbox_config.authenticated_profile_label": "个人资料需要授权才能查看",
   "soapbox_config.copyright_footer.meta_fields.label_placeholder": "版权页底",

app/soapbox/locales/zh-HK.json

@@ -1016,7 +1016,7 @@
   "sms_verification.sent.body": "We sent you a 6-digit code via SMS. Enter it below.",
   "sms_verification.sent.header": "Verification code",
   "sms_verification.success": "A verification code has been sent to your phone number.",
-  "snackbar.view": "檢視",
+  "toast.view": "檢視",
   "soapbox_config.authenticated_profile_hint": "用户必須登錄才能查看用户個人資料上的回覆和媒體。",
   "soapbox_config.authenticated_profile_label": "個人資料需要授權才能查看",
   "soapbox_config.copyright_footer.meta_fields.label_placeholder": "版權頁底",

app/soapbox/locales/zh-TW.json

@@ -1016,7 +1016,7 @@
   "sms_verification.sent.body": "We sent you a 6-digit code via SMS. Enter it below.",
   "sms_verification.sent.header": "Verification code",
   "sms_verification.success": "A verification code has been sent to your phone number.",
-  "snackbar.view": "檢視",
+  "toast.view": "檢視",
   "soapbox_config.authenticated_profile_hint": "用戶必須登錄才能查看用戶個人資料上的回覆和媒體。",
   "soapbox_config.authenticated_profile_label": "個人資料需要授權才能查看",
   "soapbox_config.copyright_footer.meta_fields.label_placeholder": "版權頁底",

app/soapbox/middleware/errors.ts

@@ -1,4 +1,4 @@
-import { showAlertForError } from '../actions/alerts';
+import toast from 'soapbox/toast';
 
 import type { AnyAction } from 'redux';
 import type { ThunkMiddleware } from 'redux-thunk';
@@ -22,9 +22,9 @@ const shouldShowError = ({ type, skipAlert, error }: AnyAction): boolean => {
 
 /** Middleware to display Redux errors to the user. */
 export default function errorsMiddleware(): ThunkMiddleware {
-  return ({ dispatch }) => next => action => {
+  return () => next => action => {
     if (shouldShowError(action)) {
-      dispatch(showAlertForError(action.error));
+      toast.showAlertForError(action.error);
     }
 
     return next(action);

app/soapbox/reducers/__tests__/alerts.test.ts

@@ -1,78 +0,0 @@
-import { Record as ImmutableRecord, List as ImmutableList } from 'immutable';
-
-import {
-  ALERT_SHOW,
-  ALERT_DISMISS,
-  ALERT_CLEAR,
-} from 'soapbox/actions/alerts';
-import { applyActions } from 'soapbox/jest/test-helpers';
-
-import reducer from '../alerts';
-
-describe('alerts reducer', () => {
-  it('should return the initial state', () => {
-    expect(reducer(undefined, {} as any)).toEqual(ImmutableList());
-  });
-
-  describe('ALERT_SHOW', () => {
-    it('imports the alert', () => {
-      const action = {
-        type: ALERT_SHOW,
-        title: 'alert_title',
-        message: 'this is an alert message',
-      };
-
-      const expected = [{
-        key: 0,
-        message: 'this is an alert message',
-        title: 'alert_title',
-      }];
-
-      const result = reducer(undefined, action);
-      expect(ImmutableRecord.isRecord(result.get(0))).toBe(true);
-      expect(result.toJS()).toMatchObject(expected);
-    });
-  });
-
-  describe('ALERT_CLEAR', () => {
-    it('deletes the alerts', () => {
-      const actions = [{
-        type: ALERT_SHOW,
-        title: 'Oops!',
-        message: 'Server is down',
-      }, {
-        type: ALERT_SHOW,
-        title: 'Uh-oh!',
-        message: 'Shit done fucked up',
-      }, {
-        type: ALERT_CLEAR,
-      }];
-
-      const result = applyActions(undefined, actions, reducer);
-      expect(result.isEmpty()).toBe(true);
-    });
-  });
-
-  describe('ALERT_DISMISS', () => {
-    it('deletes an individual alert', () => {
-      const actions = [{
-        type: ALERT_SHOW,
-        title: 'Oops!',
-        message: 'Server is down',
-      }, {
-        type: ALERT_SHOW,
-        title: 'Uh-oh!',
-        message: 'Shit done fucked up',
-      }, {
-        type: ALERT_DISMISS,
-        alert: {
-          key: 0,
-        },
-      }];
-
-      const result = applyActions(undefined, actions, reducer);
-      expect(result.size).toEqual(1);
-      expect(result.get(0).key).toEqual(1);
-    });
-  });
-});

app/soapbox/reducers/alerts.ts

@@ -1,59 +0,0 @@
-import { Record as ImmutableRecord, List as ImmutableList } from 'immutable';
-
-import {
-  ALERT_SHOW,
-  ALERT_DISMISS,
-  ALERT_CLEAR,
-} from '../actions/alerts';
-
-const AlertRecord = ImmutableRecord({
-  key: 0,
-  title: '',
-  message: '',
-  severity: 'info',
-  actionLabel: '',
-  actionLink: '',
-  action: () => {},
-  dismissAfter: 6000 as number | false,
-});
-
-import type { AnyAction } from 'redux';
-
-type PlainAlert = Record<string, any>;
-type Alert = ReturnType<typeof AlertRecord>;
-type State = ImmutableList<Alert>;
-
-/** Get next key based on last alert. */
-const getNextKey = (state: State): number => {
-  const last = state.last();
-  return last ? last.key + 1 : 0;
-};
-
-/** Import the alert. */
-const importAlert = (state: State, alert: PlainAlert): State => {
-  const key = getNextKey(state);
-  const record = AlertRecord({ ...alert, key });
-  return state.push(record);
-};
-
-/** Delete an alert by its key. */
-const deleteAlert = (state: State, alert: PlainAlert): State => {
-  return state.filterNot(item => item.key === alert.key);
-};
-
-export default function alerts(state: State = ImmutableList<Alert>(), action: AnyAction): State {
-  switch (action.type) {
-    case ALERT_SHOW:
-      return importAlert(state, action);
-    case ALERT_DISMISS:
-      return deleteAlert(state, action.alert);
-    case ALERT_CLEAR:
-      return state.clear();
-    default:
-      return state;
-  }
-}
-
-export {
-  Alert,
-};

app/soapbox/reducers/index.ts

@@ -10,7 +10,6 @@ import accounts_counters from './accounts-counters';
 import accounts_meta from './accounts-meta';
 import admin from './admin';
 import admin_log from './admin-log';
-import alerts from './alerts';
 import aliases from './aliases';
 import announcements from './announcements';
 import auth from './auth';
@@ -66,7 +65,6 @@ const reducers = {
   dropdown_menu,
   timelines,
   meta,
-  alerts,
   modals,
   user_lists,
   domain_lists,

app/styles/application.scss

@@ -49,7 +49,6 @@
 @import 'components/audio-player';
 @import 'components/profile-hover-card';
 @import 'components/filters';
-@import 'components/snackbar';
 @import 'components/backups';
 @import 'components/crypto-donate';
 @import 'components/aliases';

app/styles/components/snackbar.scss

@@ -1,59 +0,0 @@
-.notification-list {
-  @apply w-full flex flex-col items-center space-y-2 sm:items-end z-[1001] relative;
-}
-
-.notification-bar {
-  @apply max-w-sm w-full flex flex-row items-center bg-white dark:bg-gray-900 shadow-lg rounded-lg pointer-events-auto dark:ring-2 dark:ring-gray-800 overflow-hidden;
-
-  &::before {
-    font-family: 'Font Awesome 5 Free';
-    font-weight: 900;
-    font-size: 20px;
-  }
-}
-
-.notification-bar-success {
-  @apply text-success-500;
-
-  &::before {
-    @apply ml-4 rtl:ml-0 rtl:mr-4;
-    content: '\f058';
-  }
-}
-
-.notification-bar-error {
-  @apply text-danger-500 ml-4;
-
-  &::before {
-    @apply ml-4 rtl:ml-0 rtl:mr-4;
-    content: '\f057';
-  }
-}
-
-.notification-bar-info {
-  @apply text-primary-500 ml-4 rtl:ml-0 rtl:mr-4;
-
-  &::before {
-    @apply ml-4;
-    content: '\f05a';
-  }
-}
-
-.notification-bar-wrapper {
-  @apply p-4 flex items-center justify-between w-full space-x-2 rtl:space-x-reverse;
-}
-
-.notification-bar-title {
-  @apply mb-1 text-sm font-medium text-gray-900 dark:text-gray-100;
-}
-
-.notification-bar-message {
-  @apply text-sm text-gray-800 dark:text-gray-200;
-}
-
-.notification-bar-action a {
-  @apply inline-flex items-center px-2.5 py-1 border border-solid border-gray-300
-    shadow-sm text-xs font-medium rounded-full text-gray-700 bg-white
-    hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2
-    focus:ring-primary-500;
-}