bufferapp/ui

Similar blocks of code found in 6 locations. Consider refactoring.

Open

const PersonIcon = createIconComponent({
  content: (
    <g>
      <path
        fillRule="evenodd"

• Read up
  Read up

Identical blocks of code found in 2 locations. Consider refactoring.

Open

      <States>
        <States.Image
          src="./images/illustration2.png"
          alt="a colourful illustration of a buffer character"
        />

• Read up
  Read up

Similar blocks of code found in 6 locations. Consider refactoring.

Open

const ViewIcon = createIconComponent({
  content: (
    <g>
      <path
        fillRule="evenodd"

• Read up
  Read up

Function getStyleLoaders has 38 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const getStyleLoaders = (cssOptions, preProcessor) => {
  const loaders = [
    {
      loader: MiniCssExtractPlugin.loader,
      options: Object.assign(

Similar blocks of code found in 3 locations. Consider refactoring.

Open

              <div
                style={{
                  height: '500px',
                  width: '1000px',
                  background:

• Read up
  Read up

Similar blocks of code found in 3 locations. Consider refactoring.

Open

              <div
                style={{
                  height: '500px',
                  width: '1000px',
                  background:

• Read up
  Read up

Similar blocks of code found in 3 locations. Consider refactoring.

Open

              <div
                style={{
                  height: '500px',
                  width: '1000px',
                  background:

• Read up
  Read up

Function ExampleIconPosition has 37 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export default function ExampleIconPosition() {
  const [selected, setSelected] = useState('facebook')
  const [iconPosition, setIconPosition] = useState('left')

  // @ts-expect-error TS(7006) FIXME: Parameter 'item' implicitly has an 'any' type.

Function ExampleSelectWithSelectAll has 37 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export default function ExampleSelectWithSelectAll() {
  const [items, setItems] = useState(data)

  // @ts-expect-error TS(7006) FIXME: Parameter 'option' implicitly has an 'any' type.
  const handleClick = (option) => {

Similar blocks of code found in 5 locations. Consider refactoring.

Open

export default function ExampleSocialButton() {
  return (
    <div style={{ position: 'relative' }}>
      <SocialButton channel="linkedin" onClick={() => {}} />
    </div>

• Read up
  Read up

Similar blocks of code found in 5 locations. Consider refactoring.

Open

export default function ExampleSocialButton() {
  return (
    <div style={{ position: 'relative' }}>
      <SocialButton channel="pinterest" onClick={() => {}} />
    </div>

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

export default function ExampleNotice() {
  return (
    // eslint-disable-next-line
    <Notice dismiss={() => console.log('dismissed!')} type="note">
      <Text>

• Read up
  Read up

Similar blocks of code found in 5 locations. Consider refactoring.

Open

export default function ExampleSocialButton() {
  return (
    <div style={{ position: 'relative' }}>
      <SocialButton channel="twitter" onClick={() => {}} />
    </div>

• Read up
  Read up

Similar blocks of code found in 5 locations. Consider refactoring.

Open

export default function ExampleSocialButton() {
  return (
    <div style={{ position: 'relative' }}>
      <SocialButton channel="instagram" onClick={() => {}} />
    </div>

• Read up
  Read up

Similar blocks of code found in 5 locations. Consider refactoring.

Open

export default function ExampleSocialButton() {
  return (
    <div style={{ position: 'relative' }}>
      <SocialButton channel="facebook" onClick={() => {}} />
    </div>

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

export default function ExampleNotice() {
  return (
    // eslint-disable-next-line
    <Notice dismiss={() => console.log('dismissed!')} type="warning">
      <Text>

• Read up
  Read up

Function Home has 36 lines of code (exceeds 25 allowed). Consider refactoring.

Open

function Home() {
  return (
    <Container>
      <Content>
        <Welcome>Welcome</Welcome>

Function generateReactIconComponents has 36 lines of code (exceeds 25 allowed). Consider refactoring.

Open

function generateReactIconComponents(icons, spinner) {
  return new Promise((resolve) => {
    const iconsCreated = []
    eachLimit(
      Object.values(icons),

Function render has 35 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  render() {
    const {
      children,
      // @ts-expect-error TS(2339) FIXME: Property 'label' does not exist on type 'Readonly<... Remove this comment to see the full error message
      label,

Similar blocks of code found in 2 locations. Consider refactoring.

Open

class Select extends UISelect {
  // @ts-expect-error TS(7006) FIXME: Parameter 'option' implicitly has an 'any' type.
  handleSelectOption = (option, event) => {
    // @ts-expect-error TS(2339) FIXME: Property 'props' does not exist on type 'Select'.
    this.props.onSelectClick(option, event)

• Read up
  Read up