Vagr9K/gatsby-material-starter

View on GitHub

Showing 6 of 37 total issues

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

const AuthorSegment = (): JSX.Element | null => {
  const config = useConfig();

  if (!config.user) return null;

Severity: Minor
Found in themes/material/src/components/AuthorSegment/index.tsx - About 1 hr to fix

    Function Navigation has 31 lines of code (exceeds 25 allowed). Consider refactoring.
    Open

    const Navigation = (): JSX.Element => {
      const config = useConfig();
    
      return (
        <>
    Severity: Minor
    Found in themes/material/src/components/Navigation/index.tsx - About 1 hr to fix

      Function Footer has 31 lines of code (exceeds 25 allowed). Consider refactoring.
      Open

      const Footer = (): JSX.Element => {
        const config = useConfig();
      
        return (
          <Stack
      Severity: Minor
      Found in themes/material/src/components/Footer/index.tsx - About 1 hr to fix

        Function getComponentMapping has 27 lines of code (exceeds 25 allowed). Consider refactoring.
        Open

        const getComponentMapping = (post: Types.Post) => {
          // Generate heading components with correct hashlinks
          const headings = TextComponents.createHeadings(post.slug);
        
          return {
        Severity: Minor
        Found in themes/material/src/components/Article/MdxTheme/index.tsx - About 1 hr to fix

          Function ArticleCard has a Cognitive Complexity of 8 (exceeds 5 allowed). Consider refactoring.
          Open

          const ArticleCard = ({ post, hero }: ArticleHeroCardProps): JSX.Element => {
            // If no post is provided, render a skeleton view with a loading animation
            if (!post) return <ArticleCardSkeleton />;
          
            if (!post.coverImg)
          Severity: Minor
          Found in themes/material/src/components/ArticleCard/index.tsx - About 45 mins to fix

          Cognitive Complexity

          Cognitive Complexity is a measure of how difficult a unit of code is to intuitively understand. Unlike Cyclomatic Complexity, which determines how difficult your code will be to test, Cognitive Complexity tells you how difficult your code will be to read and comprehend.

          A method's cognitive complexity is based on a few simple rules:

          • Code is not considered more complex when it uses shorthand that the language provides for collapsing multiple statements into one
          • Code is considered more complex for each "break in the linear flow of the code"
          • Code is considered more complex when "flow breaking structures are nested"

          Further reading

          Function Feed has a Cognitive Complexity of 8 (exceeds 5 allowed). Consider refactoring.
          Open

          const Feed = ({ pageContext }: FeedTemplateProps): JSX.Element => {
            const { feedListing, feedElementRef } = useInfiniteFeed(pageContext);
          
            const config = useConfig();
          
          
          Severity: Minor
          Found in themes/material/src/gatsby-theme-advanced/templates/feed/index.tsx - About 45 mins to fix

          Cognitive Complexity

          Cognitive Complexity is a measure of how difficult a unit of code is to intuitively understand. Unlike Cyclomatic Complexity, which determines how difficult your code will be to test, Cognitive Complexity tells you how difficult your code will be to read and comprehend.

          A method's cognitive complexity is based on a few simple rules:

          • Code is not considered more complex when it uses shorthand that the language provides for collapsing multiple statements into one
          • Code is considered more complex for each "break in the linear flow of the code"
          • Code is considered more complex when "flow breaking structures are nested"

          Further reading

          Severity
          Category
          Status
          Source
          Language