neet/refined-itsukara-link

View on GitHub

Showing 82 of 278 total issues

Function SearchPure has 185 lines of code (exceeds 25 allowed). Consider refactoring.
Open

const SearchPure = (props: SearchProps): JSX.Element => {
  const { show, loading, events, onHide } = props;

  const [ref, setRef] = useState<HTMLInputElement | null>(null);
  const listbox = useRef<HTMLUListElement | null>(null);
Severity: Major
Found in packages/@neet/vschedule-client/src/components/app/Search/Search.tsx - About 7 hrs to fix

    Function Crown has 154 lines of code (exceeds 25 allowed). Consider refactoring.
    Open

    export const Crown = (props: CrownProps): JSX.Element => {
      const { genre, genres, loading, onGenreChange } = props;
      const { focusedAt, startAt, endAt, setFocusedAt } = useTimetable();
    
      // "today" or "yesterday" "tomorrow" here are defined as relative from the focus
    Severity: Major
    Found in packages/@neet/vschedule-client/src/components/app/Crown/Crown.tsx - About 6 hrs to fix

      Function ReadyEntry has 123 lines of code (exceeds 25 allowed). Consider refactoring.
      Open

      const ReadyEntry = (props: ReadyEntryProps): JSX.Element => {
        const {
          variant,
          layout,
          url,
      Severity: Major
      Found in packages/@neet/vschedule-client/src/components/ui/Entry/Entry.tsx - About 4 hrs to fix

        Function StreamMarker has 120 lines of code (exceeds 25 allowed). Consider refactoring.
        Open

        export const StreamMarker = (props: StreamProps): JSX.Element | null => {
          const { stream } = props;
        
          const isDark = usePrefersColorScheme();
          const { hover, handleFocus, handleBlur } = useDelayedHover();

          Function EventMarker has 118 lines of code (exceeds 25 allowed). Consider refactoring.
          Open

          export const EventMarker = (props: EventProps): JSX.Element | null => {
            const { event } = props;
            const liver = event.livers[0];
          
            const isDark = usePrefersColorScheme();

            Function createSeed has 104 lines of code (exceeds 25 allowed). Consider refactoring.
            Open

            export const createSeed = async (config: IConfig): Promise<void> => {
              const client = new PrismaClient();
            
              await client.user.create({
                data: {
            Severity: Major
            Found in packages/@neet/vschedule-api/test-utils/db-seed.ts - About 4 hrs to fix

              Function Imprint has 90 lines of code (exceeds 25 allowed). Consider refactoring.
              Open

              export const Imprint = (/* props: ImprintProps */): JSX.Element => {
                // const {} = props;
              
                const [changeLog, setChangeLog] = useState(false);
              
              

                Function Streams has 89 lines of code (exceeds 25 allowed). Consider refactoring.
                Open

                const Streams = (props: StreamsProps): JSX.Element | null => {
                  const { data: streams, isValidating } = useAspidaSWR(client.rest.v1.streams, {
                    query: { since, until },
                  });
                
                
                Severity: Major
                Found in packages/@neet/vschedule-client/src/pages/streams.tsx - About 3 hrs to fix

                  Function Events has 86 lines of code (exceeds 25 allowed). Consider refactoring.
                  Open

                  const Events = (props: EventsProps): JSX.Element | null => {
                    const { events, loading } = useEvents();
                    const upcomingEvents = useUpcomingEvents();
                    const genreQuery = useGenreQueryParam();
                    const [genre, setGenre] = useState(genreQuery ?? GENRE_ALL);
                  Severity: Major
                  Found in packages/@neet/vschedule-client/src/pages/index.tsx - About 3 hrs to fix

                    Function Banner has 84 lines of code (exceeds 25 allowed). Consider refactoring.
                    Open

                    export const Banner = (): JSX.Element => {
                      return (
                        <header
                          aria-label="ヘッダー"
                          className={classNames(
                    Severity: Major
                    Found in packages/@neet/vschedule-client/src/components/app/Banner/Banner.tsx - About 3 hrs to fix

                      Function SpellPure has 83 lines of code (exceeds 25 allowed). Consider refactoring.
                      Open

                      const SpellPure = (props: SpellProps): JSX.Element => {
                        const { date, size } = props;
                      
                        const {
                          scale,
                      Severity: Major
                      Found in packages/@neet/vschedule-client/src/components/ui/Timetable/Spell.tsx - About 3 hrs to fix

                        Function ActiveLivers has 79 lines of code (exceeds 25 allowed). Consider refactoring.
                        Open

                        export const ActiveLivers = (props: ActiveLiversProps): JSX.Element => {
                          const { upcomingEvents: events } = props;
                          const [expanded, setExpanded] = useState(false);
                        
                          useEffect(() => {

                          Function Timetable has 73 lines of code (exceeds 25 allowed). Consider refactoring.
                          Open

                          export const Timetable = (props: TimetableProps): JSX.Element => {
                            const { schedules, swapDelta, loading } = props;
                          
                            const { ref, scale, startAt, setFocusedAt, setFocusedAtRaw } = useTimetable();
                            const { x: fromLeft } = useScroll(ref);

                            Function Skyscraper has 70 lines of code (exceeds 25 allowed). Consider refactoring.
                            Open

                            export const Skyscraper = (props: SkyscraperProps): JSX.Element => {
                              const {
                                mode = 'events',
                                events,
                                loading,

                              Function ModalPure has 70 lines of code (exceeds 25 allowed). Consider refactoring.
                              Open

                              const ModalPure = (props: ModalProps): JSX.Element | null => {
                                const { show, title, children, className, getRoot, getContainer, onHide } =
                                  props;
                              
                                const root = getRoot instanceof Element ? getRoot : getRoot?.();
                              Severity: Major
                              Found in packages/@neet/vschedule-client/src/components/ui/Modal/Modal.tsx - About 2 hrs to fix

                                Function MinuteHand has 70 lines of code (exceeds 25 allowed). Consider refactoring.
                                Open

                                export const MinuteHand = (): JSX.Element => {
                                  const { focusedAt } = useTimetable();
                                
                                  return (
                                    <div

                                  Function Inner has 62 lines of code (exceeds 25 allowed). Consider refactoring.
                                  Open

                                  const Inner = (): JSX.Element => {
                                    return (
                                      <div
                                        className={classNames(
                                          'flex',

                                    Function ReadyUser has 60 lines of code (exceeds 25 allowed). Consider refactoring.
                                    Open

                                    const ReadyUser = (props: ReadyUserProps): JSX.Element => {
                                      const {
                                        name,
                                        avatar,
                                        url,
                                    Severity: Major
                                    Found in packages/@neet/vschedule-client/src/components/ui/User/User.tsx - About 2 hrs to fix

                                      Function fetchVideo has 58 lines of code (exceeds 25 allowed). Consider refactoring.
                                      Open

                                        async fetchVideo(videoId: string): Promise<Video> {
                                          const videos = await this._yt.videos.list({
                                            id: [videoId],
                                            // part: ['snippet', 'contentDetails', 'statistics', 'liveStreamingDetails'],
                                            part: [

                                        Function SearchButton has 55 lines of code (exceeds 25 allowed). Consider refactoring.
                                        Open

                                        export const SearchButton = (props: SearchButtonProps): JSX.Element => {
                                          const { events, loading } = props;
                                        
                                          const ref = useRef<HTMLButtonElement | null>(null);
                                          const [open, setOpen] = useState(false);
                                          Severity
                                          Category
                                          Status
                                          Source
                                          Language