start

src/components/shared/toast.js

@@ -0,0 +1,27 @@
+import { Fragment } from 'react';
+import PropTypes from 'prop-types';
+
+function Toast(props) {
+  const { errorCode, errorText, errorData } = props;
+  return (
+    <Fragment>
+      <div>خطا</div>
+      <div dir='auto' className='text-start'>
+        {errorCode ? `${errorCode}: ${errorText}` : errorText}
+      </div>
+      {errorData && (
+        <div dir='auto' className='text-start'>
+          {`error data: ${JSON.stringify(errorData, null, 2)}`}
+        </div>
+      )}
+    </Fragment>
+  );
+}
+
+Toast.propTypes = {
+  errorCode: PropTypes.number.isRequired,
+  errorText: PropTypes.string.isRequired,
+  errorData: PropTypes.oneOfType([PropTypes.string, PropTypes.object, PropTypes.array]).isRequired
+};
+
+export default Toast;