BVB Source Codes

storybook Show error_display.js Source code

Return Download storybook: download error_display.js Source code - Download storybook Source code - Type:.js
  1. import PropTypes from 'prop-types';
  2. import React from 'react';
  3.  
  4. const mainStyle = {
  5.   position: 'fixed',
  6.   top: 0,
  7.   bottom: 0,
  8.   left: 0,
  9.   right: 0,
  10.   padding: 20,
  11.   backgroundColor: 'rgb(187, 49, 49)',
  12.   color: '#FFF',
  13.   WebkitFontSmoothing: 'antialiased',
  14. };
  15.  
  16. const headingStyle = {
  17.   fontSize: 20,
  18.   fontWeight: 600,
  19.   letterSpacing: 0.2,
  20.   margin: '10px 0',
  21.   fontFamily: `
  22.     -apple-system, ".SFNSText-Regular", "San Francisco", Roboto, "Segoe UI",
  23.     "Helvetica Neue", "Lucida Grande", sans-serif
  24.     `,
  25. };
  26.  
  27. const codeStyle = {
  28.   fontSize: 14,
  29.   width: '100vw',
  30.   overflow: 'auto',
  31. };
  32.  
  33. const ErrorDisplay = ({ error }) => (
  34.   <div style={mainStyle}>
  35.     <div style={headingStyle}>{error.message}</div>
  36.     <pre style={codeStyle}>
  37.       <code>
  38.         {error.stack}
  39.       </code>
  40.     </pre>
  41.   </div>
  42. );
  43.  
  44. ErrorDisplay.propTypes = {
  45.   error: PropTypes.object.isRequired,
  46. };
  47.  
  48. export default ErrorDisplay;
  49.  
downloaderror_display.js Source code - Download storybook Source code
Related Source Codes/Software:
ionicons - The premium icon font for Ionic ... 2017-06-07
AsyncDisplayKit - Smooth asynchronous user interfaces for iOS apps. ... 2017-06-07
lottie-android - Render After Effects animations natively on Androi... 2017-06-07
parse-server - Parse-compatible API server module for Node/Expres... 2017-06-07
prettier - Prettier is an opinionated JavaScript formatter. ... 2017-06-08
inferno - An extremely fast, React-like JavaScript library f... 2017-06-08
guetzli - Perceptual JPEG encoder 2017-06-08
cs-video-courses - List of Computer Science courses with video lectur... 2017-06-08
interviews - Everything you need to know to get the job. 2017-06-08
CRYENGINE - CRYENGINE is a powerful real-time game development... 2017-06-11
postal - 2017-06-11
reactide - Reactide is the first dedicated IDE for React web ... 2017-06-11
rkt - rkt is a pod-native container engine for Linux. It... 2017-06-11
uWebSockets - Tiny WebSockets https://for... 2017-06-11
realworld - TodoMVC for the RealWorld - Exemplary fullstack Me... 2017-06-11
goreplay - GoReplay is an open-source tool for capturing and ... 2017-06-10
pyenv - Simple Python version management 2017-06-10
redux-saga - An alternative side effect model for Redux apps ... 2017-06-10
angular-starter - 2017-06-10

 Back to top