diff --git a/src/plugins/databases/index.js b/src/plugins/databases/index.js index ab30ab1ac..9972bb713 100644 --- a/src/plugins/databases/index.js +++ b/src/plugins/databases/index.js @@ -16,6 +16,7 @@ import { Button, ButtonGroup, Input, + colors, getStringFromErrorLike, } from 'flipper'; import {Component} from 'react'; @@ -38,6 +39,12 @@ const BoldSpan = styled('span')({ fontWeight: 'bold', textTransform: 'uppercase', }); +const ErrorBar = styled('div')({ + backgroundColor: colors.cherry, + color: colors.white, + lineHeight: '26px', + textAlign: 'center', +}); type DatabasesPluginState = {| selectedDatabase: number, @@ -758,7 +765,9 @@ export default class DatabasesPlugin extends FlipperPlugin< ) : null} - {this.state.error && getStringFromErrorLike(this.state.error)} + {this.state.error && ( + {getStringFromErrorLike(this.state.error)} + )} ); }