Sign upLogin

Shramkoweb/Portfolio

View on GitHub
Star

Showing 30 of 89 total issues

Function AboutPage has 369 lines of code (exceeds 25 allowed). Consider refactoring.
Open

function AboutPage() {
  return (
    <>
      <Head>
        <title>About | Serhii Shramko</title>
Severity: Major
Found in pages/about.tsx - About 1 day to fix

    Function QuizletPage has 267 lines of code (exceeds 25 allowed). Consider refactoring.
    Open

    function QuizletPage() {
  return (
    <>
      <Head>
        <title>Quizlet QuickList - Chrome Extension</title>
    Severity: Major
    Found in pages/quizlet-list/index.tsx - About 1 day to fix

      Function ArticlePage has 178 lines of code (exceeds 25 allowed). Consider refactoring.
      Open

      function ArticlePage(props: ArticlePageProps) {
  const {
    content,
    data: {
      title,
      Severity: Major
      Found in pages/blog/[slug].tsx - About 7 hrs to fix

        Function PrivacyPolicy has 169 lines of code (exceeds 25 allowed). Consider refactoring.
        Open

        function PrivacyPolicy() {
  return (
    <>
      <Head>
        <title>Privacy Policy | Quizlet QuickList Chrome Extension</title>
        Severity: Major
        Found in pages/quizlet-list/privacy-policy.tsx - About 6 hrs to fix

          Function IndexPage has 161 lines of code (exceeds 25 allowed). Consider refactoring.
          Open

          function IndexPage(props: IndexPageProps) {
  const { featuredPosts, otherPosts } = props;

  const [isAvatarHovered, setIsAvatarHovered] = useState(false);
          Severity: Major
          Found in pages/index.tsx - About 6 hrs to fix

            Function GearPage has 127 lines of code (exceeds 25 allowed). Consider refactoring.
            Open

            function GearPage() {
  return (
    <>
      <Head>
        <title>Gear | Serhii Shramko</title>
            Severity: Major
            Found in pages/gear.tsx - About 5 hrs to fix

              File about.tsx has 376 lines of code (exceeds 250 allowed). Consider refactoring.
              Open

              import Head from 'next/head';
import Image from 'next/image';

import about from '../public/static/images/about.jpeg';
import aboutBottom from '../public/static/images/about-bottom.png';
              Severity: Minor
              Found in pages/about.tsx - About 5 hrs to fix

                Function BlogPage has 93 lines of code (exceeds 25 allowed). Consider refactoring.
                Open

                function BlogPage(props: BlogPageProps) {
  const { posts, categories } = props;
  const postsLength = posts.length;

  const [searchValue, setSearchValue] = useState('');
                Severity: Major
                Found in pages/blog/index.tsx - About 3 hrs to fix

                  Function CategoryPage has 91 lines of code (exceeds 25 allowed). Consider refactoring.
                  Open

                  function CategoryPage(props: CategoryPageProps) {
  const {
    posts, categories, category, seoDescription, seoKeywords, seoTitle,
  } = props;
  const postsLength = posts.length;
                  Severity: Major
                  Found in pages/blog/category/[category].tsx - About 3 hrs to fix

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

                    function SnippetPage(props: SnippetPageProps) {
  const {
    content,
    slug,
    data: {
                    Severity: Major
                    Found in pages/snippets/[slug].tsx - About 3 hrs to fix

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

                      export function Footer() {
  return (
    <footer role="contentinfo" className="mx-auto flex w-full max-w-3xl flex-col items-start justify-center">
      <hr className="mb-8 w-full border-gray-200 border-1 dark:border-gray-800" />
      <div className="grid w-full max-w-3xl grid-cols-1 gap-4 pb-12 sm:grid-cols-3">
                      Severity: Major
                      Found in components/footer/footer.tsx - About 3 hrs to fix

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

                        export function MobileMenu() {
  const [isMenuOpen, setIsMenuOpen] = useState(false);
  const router = useRouter();

  useEffect(() => {
                        Severity: Major
                        Found in components/mobile-menu/mobile-menu.tsx - About 3 hrs to fix

                          File index.tsx has 278 lines of code (exceeds 250 allowed). Consider refactoring.
                          Open

                          import Head from 'next/head';
import Image from 'next/image';
import Link from 'next/link';

import firstImage from '../../public/static/images/quizlet-list/quizlet-quicklist-1.png';
                          Severity: Minor
                          Found in pages/quizlet-list/index.tsx - About 2 hrs to fix

                            Function PostReaction has 63 lines of code (exceeds 25 allowed). Consider refactoring.
                            Open

                            export function PostReaction() {
  const { state, actions } = useFeedbackReducer();
  const isReactionUntouched = state.feedback === Feedback.Blank;

  const handleYesClick = () => {
                            Severity: Major
                            Found in components/post-reaction/post-reaction.tsx - About 2 hrs to fix

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

                              export default function Dashboard() {
  return (
    <>
      <Head>
        <title>Dashboard | Serhii Shramko</title>
                              Severity: Major
                              Found in pages/dashboard.tsx - About 2 hrs to fix

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

                                function SnippetsPage(props: SnippetsPageProps) {
  const { snippets } = props;

  return (
    <>
                                Severity: Major
                                Found in pages/snippets/index.tsx - About 2 hrs to fix

                                  Function Document has 49 lines of code (exceeds 25 allowed). Consider refactoring.
                                  Open

                                  export default function Document() {
  const { serverRuntimeConfig } = getConfig();

  return (
    <Html lang="en" data-relese={serverRuntimeConfig.appReleaseVersion}>
                                  Severity: Minor
                                  Found in pages/_document.tsx - About 1 hr to fix

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

                                    export function BlogPostSquarePreview(props: BlogPostPreviewProps) {
  const { heading, slug, classNames } = props;

  const { data } = useSWR<Views>(`/api/views/${slug}`, fetcher);
  const views = data?.total;
                                    Severity: Minor
                                    Found in components/blog-post-square-preview/blog-post-square-preview.tsx - About 1 hr to fix

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

                                      export function ThemeChanger() {
  const [mounted, setMounted] = useState(false);
  const { resolvedTheme, setTheme } = useTheme();

  useEffect(() => setMounted(true), []);
                                      Severity: Minor
                                      Found in components/theme-changer/theme-changer.tsx - About 1 hr to fix

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

                                        export async function getPostBySlug(slug?: string): Promise<Post> {
  if (!slug) {
    throw new Error('getPostBySlug: slug is required');
  }
                                        Severity: Minor
                                        Found in lib/posts/api.ts - About 1 hr to fix
                                          Severity
                                          Category
                                          Status
                                          Source
                                          Language