Fixed linting errors

pull/693/head
ioedeveloper 4 years ago
parent f74b3d222e
commit 2f752eb5ff
  1. 2
      libs/remix-ui/toaster/.eslintrc
  2. 2
      libs/remix-ui/toaster/src/index.ts
  3. 15
      libs/remix-ui/toaster/src/lib/toaster.tsx

@ -3,7 +3,7 @@
"browser": true, "browser": true,
"es6": true "es6": true
}, },
"extends": "../../.eslintrc", "extends": "../../../.eslintrc",
"globals": { "globals": {
"Atomics": "readonly", "Atomics": "readonly",
"SharedArrayBuffer": "readonly" "SharedArrayBuffer": "readonly"

@ -1 +1 @@
export * from './lib/toaster'; export * from './lib/toaster'

@ -1,6 +1,6 @@
import React, { useEffect, useState } from 'react' import React, { useEffect, useState } from 'react' // eslint-disable-line
import './toaster.css'; import './toaster.css'
/* eslint-disable-next-line */ /* eslint-disable-next-line */
export interface ToasterProps { export interface ToasterProps {
@ -63,21 +63,20 @@ export const Toaster = (props: ToasterProps) => {
// const hide = state.timeOutId // const hide = state.timeOutId
const className = `remixui_tooltip alert alert-info p-2 ${animate}` const className = `remixui_tooltip alert alert-info p-2 ${animate}`
return ( return (
<div data-shared="tooltipPopup" className={className} onMouseEnter={() => { }} onMouseLeave={() => { }}> <div data-shared="tooltipPopup" className={className} onMouseEnter={() => { }} onMouseLeave={() => { }}>
<span className="px-2"> <span className="px-2">
{shortTooltipText} {shortTooltipText}
{ state.message.length > 201 ? <button className="btn btn-secondary btn-sm mx-3" style={{whiteSpace: 'nowrap'}} onClick={() => showFullMessage()}>Show full message</button> : ''} { state.message.length > 201 ? <button className="btn btn-secondary btn-sm mx-3" style={{ whiteSpace: 'nowrap' }} onClick={() => showFullMessage()}>Show full message</button> : ''}
</span> </span>
<span style={{alignSelf: 'baseline'}}> <span style={{ alignSelf: 'baseline' }}>
<button data-id="tooltipCloseButton" className="fas fa-times btn-info mx-1 p-0" onClick={() => closeTheToaster()}></button> <button data-id="tooltipCloseButton" className="fas fa-times btn-info mx-1 p-0" onClick={() => closeTheToaster()}></button>
</span> </span>
</div> </div>
) )
// animation(this.tooltip, css.animateBottom.className) // animation(this.tooltip, css.animateBottom.className)
}; }
export default Toaster; export default Toaster
const defaultOptions = (opts) : ToasterOptions => { const defaultOptions = (opts) : ToasterOptions => {
opts = opts || {} opts = opts || {}

Loading…
Cancel
Save