Shramkoweb/Portfolio

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

Open

  {
    data: {
      slug: 'first-article',
      description: 'First article description',
      featured: true,

• Read up
  Read up

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

Open

  {
    data: {
      slug: 'second-article',
      description: 'Second article description',
      featured: false,

• Read up
  Read up

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');
  }

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

Open

        <div className="w-full mb-8 flex">
          <Image
            className="rounded-lg"
            alt="Serhii Shramko with the camera in his hands. Black and white photo."
            src={about}

• Read up
  Read up

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

Open

        <div className="w-full mb-8 flex">
          <Image
            className="rounded-lg"
            alt="Serhii Shramko is sitting at a table on front of a computer and coding"
            src={gear}

• Read up
  Read up

Function handler has 33 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export default async function handler(
  req: NextApiRequest,
  res: NextApiResponse,
) {
  try {

Function Header has 29 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export function Header() {
  return (
    <header className="flex flex-col justify-center px-8" role="banner">
      <nav role="navigation" className="relative mx-auto flex w-full max-w-3xl items-center justify-between border-gray-200 bg-gray-50 bg-opacity-60 pt-8 pb-8 text-gray-900 dark:border-gray-700 dark:bg-gray-900 dark:text-gray-100 sm:pb-16">
        <a href="#skip" className="skip-nav">

Function NotFoundPage has 29 lines of code (exceeds 25 allowed). Consider refactoring.

Open

function NotFoundPage() {
  useEffect(() => {
    // TODO refactor to some ErrorProvider
    Sentry.captureException(new Error('404'));
  }, []);

Function DashboardCard has 29 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export function DashboardCard(props: DashboardCardProps) {
  const { header, link, metric } = props;

  return (
    <a className="flex max-w-72" target="_blank" rel="noopener" href={link} aria-label={header}>

Function CustomLink has 28 lines of code (exceeds 25 allowed). Consider refactoring.

Open

function CustomLink(
  props: JSX.IntrinsicAttributes &
  ClassAttributes<HTMLAnchorElement> &
  AnchorHTMLAttributes<HTMLAnchorElement>,
) {

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

Open

export async function getSnippetBySlug(slug?: string): Promise<Snippet> {
  if (!slug) {
    throw new Error('getPostBySlug: slug is required');
  }

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

Open

            <p className="text-gray-700 dark:text-gray-300">
              Serhii Shramko /
              <time dateTime={new Date(createDate).toISOString()}>
                {' '}
                {formattedDate}

• Read up
  Read up

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

Open

              <p className="ml-2 text-sm text-gray-700 dark:text-gray-300">
                Serhii Shramko /
                <time dateTime={new Date(createDate).toISOString()}>
                  {' '}
                  {formattedDate}

• Read up
  Read up

Function handler has 26 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export default async function handler(
  req: NextApiRequest,
  res: NextApiResponse,
) {
  try {

Function FacebookShare has 26 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export function FacebookShare() {
  const handleClick = () => {
    window.open(
      `https://www.facebook.com/sharer/sharer.php?u=${window.location.href}&src=sdkpreparse`,
      'facebook-share-dialog',

Function Categories has 26 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export function Categories(props: CategoriesProps) {
  const { categories } = props;

  return (
    <ul className="flex flex-wrap gap-2 text-gray-600 dark:text-gray-400">

Function MenuIcon has 26 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export function MenuIcon(props: IconProps) {
  const { dataHide } = props;
  return (
    <svg
      className="h-5 w-5 absolute text-gray-900 dark:text-gray-100"

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

Open

          <em className="text-gray-300 text-xs">
            <time dateTime="2019-04">April 2019</time>
            &ensp;–&ensp;
            <time dateTime="2020-11">November 2020</time>
          </em>

• Read up
  Read up

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

Open

            <p className="text-gray-600 dark:text-gray-400">
              I am an experienced software engineer with extensive knowledge of
              front-end development, with laser-focus on &ensp;
              <abbr title="A JavaScript library for building user interfaces">
                React

• Read up
  Read up

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

Open

          <em className="text-gray-300 text-xs">
            <time dateTime="2018-12">December 2018</time>
            &ensp;–&ensp;
            <time dateTime="2019-03">March 2019</time>
          </em>

• Read up
  Read up