bufferapp/ui

View on GitHub

Showing 63 of 333 total issues

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

  render() {
    // @ts-expect-error TS(2339) FIXME: Property 'navigationLinks' does not exist on type ... Remove this comment to see the full error message
    const { navigationLinks } = this.state
    // @ts-expect-error TS(2339) FIXME: Property 'route' does not exist on type 'Readonly<... Remove this comment to see the full error message
    const { route } = this.props
Severity: Major
Found in src/documentation/app/layout/sidebar/Sidebar.tsx - About 2 hrs to fix

    Function ExampleSelect has 51 lines of code (exceeds 25 allowed). Consider refactoring.
    Open

    export default function ExampleSelect() {
      return (
        // @ts-expect-error TS(2607) FIXME: JSX element class does not support attributes beca... Remove this comment to see the full error message
        <Select
          onSelectClick={() => console.info('Main select clicked')}

      Function ExampleSelect has 51 lines of code (exceeds 25 allowed). Consider refactoring.
      Open

      export default function ExampleSelect() {
        return (
          <Select
            onSelectClick={() => console.info('Main select clicked')}
            label="Click Me"
      Severity: Major
      Found in src/documentation/examples/Select/BasicSelect.tsx - About 2 hrs to fix

        Function ExampleSelectMenu has 51 lines of code (exceeds 25 allowed). Consider refactoring.
        Open

        export default function ExampleSelectMenu() {
          return (
            <Select
              // @ts-expect-error TS(7006) FIXME: Parameter 'selectedItem' implicitly has an 'any' t... Remove this comment to see the full error message
              onSelectClick={(selectedItem) => selectedItem.selectedItemClick()}
        Severity: Major
        Found in src/documentation/examples/Select/SelectWithMenuAndCustomItem.tsx - About 2 hrs to fix

          Function Option has 48 lines of code (exceeds 25 allowed). Consider refactoring.
          Open

          const Option = (props) => {
            const {
              selected,
              disabled,
              icon,
          Severity: Minor
          Found in src/components/SegmentedControl/Option/Option.tsx - About 1 hr to fix

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

              render() {
                const {
                  // @ts-expect-error TS(2339) FIXME: Property 'match' does not exist on type 'Readonly<... Remove this comment to see the full error message
                  match: {
                    params: { route, location, view },
            Severity: Minor
            Found in src/documentation/app/AppContainer.tsx - About 1 hr to fix

              Function ModalTest has 46 lines of code (exceeds 25 allowed). Consider refactoring.
              Open

              export default function ModalTest() {
                const previousFocusRef = React.createRef()
                const [modalOpen, openModal] = useState(false)
                return (
                  <div
              Severity: Minor
              Found in src/documentation/examples/Modal/focus_reset.tsx - About 1 hr to fix

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

                  render() {
                    const {
                      // @ts-expect-error TS(2339) FIXME: Property 'menubarItem' does not exist on type 'Rea... Remove this comment to see the full error message
                      menubarItem,
                      // @ts-expect-error TS(2339) FIXME: Property 'items' does not exist on type 'Readonly<... Remove this comment to see the full error message
                Severity: Minor
                Found in src/components/DropdownMenu/DropdownMenu.tsx - About 1 hr to fix

                  Function FormModalTest has 42 lines of code (exceeds 25 allowed). Consider refactoring.
                  Open

                  export default function FormModalTest() {
                    const [modalOpen, openModal] = useState(false)
                    return (
                      <div
                        style={{
                  Severity: Minor
                  Found in src/documentation/examples/Modal/form-modal.tsx - About 1 hr to fix

                    Function ModalTest has 41 lines of code (exceeds 25 allowed). Consider refactoring.
                    Open

                    export default function ModalTest() {
                      const [modalOpen, openModal] = useState(false)
                      return (
                        <div style={{ width: '100%', height: '400px', position: 'relative' }}>
                          <Button
                    Severity: Minor
                    Found in src/documentation/examples/Modal/basic-modal.tsx - About 1 hr to fix

                      Function main has 40 lines of code (exceeds 25 allowed). Consider refactoring.
                      Open

                      async function main() {
                        console.log(
                          `⚡️ Let's create a new component ${username}! (Press Ctrl+C to cancel)\n`,
                        )
                      
                      
                      Severity: Minor
                      Found in scripts/newComponent.js - About 1 hr to fix

                        Function ModalTest has 40 lines of code (exceeds 25 allowed). Consider refactoring.
                        Open

                        export default function ModalTest() {
                          const [modalOpen, openModal] = useState(false)
                          return (
                            <div style={{ width: '100%', height: '700px', position: 'relative' }}>
                              <Button
                        Severity: Minor
                        Found in src/documentation/examples/Modal/with-background.tsx - About 1 hr to fix

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

                            render() {
                              // @ts-expect-error TS(7031) FIXME: Binding element 'children' implicitly has an 'any'... Remove this comment to see the full error message
                              const DocHeading = ({ children, ...props }) => <Heading {...props} />
                              // @ts-expect-error TS(2339) FIXME: Property 'page' does not exist on type 'Readonly<{... Remove this comment to see the full error message
                              const { page, component, links } = this.props
                          Severity: Minor
                          Found in src/documentation/app/layout/content/Markdown.tsx - About 1 hr to fix

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

                              render() {
                                const {
                                  // @ts-expect-error TS(2339) FIXME: Property 'value' does not exist on type 'Readonly<... Remove this comment to see the full error message
                                  value,
                                  // @ts-expect-error TS(2339) FIXME: Property 'label' does not exist on type 'Readonly<... Remove this comment to see the full error message
                            Severity: Minor
                            Found in src/components/TextArea/TextArea.tsx - About 1 hr to fix

                              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(
                              Severity: Minor
                              Found in scripts/config/webpack.config.prod.js - About 1 hr to fix

                                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) => {
                                  Severity: Minor
                                  Found in src/documentation/examples/Select/SelectWithSelectAll.tsx - About 1 hr to fix

                                    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),
                                    Severity: Minor
                                    Found in scripts/generateIconComponents.js - About 1 hr to fix

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

                                      function Home() {
                                        return (
                                          <Container>
                                            <Content>
                                              <Welcome>Welcome</Welcome>
                                      Severity: Minor
                                      Found in src/documentation/app/Home.tsx - About 1 hr to fix

                                        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,
                                        Severity: Minor
                                        Found in src/components/Tooltip/Tooltip.tsx - About 1 hr to fix
                                          Severity
                                          Category
                                          Status
                                          Source
                                          Language