Skip to content

Instantly share code, notes, and snippets.

Created February 21, 2022 19:13
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
Star You must be signed in to star a gist
Save ShekMak/8c6f549eac766e49271d7ef6744ecbc1 to your computer and use it in GitHub Desktop.
import { Player } from '@lottiefiles/react-lottie-player';
import Link from 'next/link';
import React from 'react';
function EmptyTodo({ tab }: any) {
return (
<div className='h-full flex flex-col justify-center items-center md:w-1/2 md:m-auto'>
style={{ height: '300px', width: '300px' }}
<p className='align-middle text-center mt-4 mb-6 px-6'>{tab.message}</p>
tab.title === 'In Progress' &&
<Link href="/todo/new-task">
<a className='h-12 w-52 flex items-center justify-center bg-black text-white rounded-md'>
<i className='bi bi-plus-lg mr-2'></i>
<span className='capitalize'>Add new task</span>
export default EmptyTodo;
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment