Changes Done

Real-Dev-Squad · Mar 31, 2021 · e84e22b · e84e22b
1 parent 6570ddc
commit e84e22b
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 26 deletions.
diff --git a/src/components/tasks/mine_card/index.tsx b/src/components/tasks/mine_card/index.tsx
@@ -6,12 +6,14 @@ type Props = {
   content: task,
 };
 
-const informationElement = (title: string, value: string) => (
-  <span className={classNames.statusElement}>
-    <span className={classNames.statusLable}>{`${title}: `}</span>
-    <strong>{value}</strong>
-  </span>
-);
+function informationElement(title: string, value: string) {
+  return (
+    <span className={classNames.statusElement}>
+      <span className={classNames.statusLable}>{`${title}: `}</span>
+      <strong>{value}</strong>
+    </span>
+  );
+}
 
 const Card: FC<Props> = ({ content }) => {
   const {
@@ -25,7 +27,7 @@ const Card: FC<Props> = ({ content }) => {
       <span className={classNames.prTitle}>{title}</span>
       {informationElement('Started', startedOn)}
       {informationElement('Status', status)}
-      
+
     </div>
   );
 };

diff --git a/src/pages/mine.tsx b/src/pages/mine.tsx
@@ -1,4 +1,4 @@
-import { FC,useState, useEffect } from 'react';
+import { FC, useState, useEffect } from 'react';
 import Head from '@/components/head';
 import Layout from '@/components/Layout';
 import Card from '@/components/tasks/mine_card';
@@ -8,39 +8,37 @@ import { task } from '@/components/constants/types';
 
 const TASKS_URL = `${process.env.NEXT_PUBLIC_BASE_URL}/tasks/self`;
 
-
-const CardList = (tasks: task[]) => tasks.map(
-    (item: task) => <Card content={item} key={item.id} />);
+function CardList(tasks: task[]) {
+  return tasks.map(
+    (item: task) => <Card content={item} key={item.id} />,
+  );
+}
 
 const Mine: FC = () => {
-  let [tasks, setTasks] = useState<task[]>([]);
+  const [tasks, setTasks] = useState<task[]>([]);
   const {
     response,
     error,
     isLoading,
   } = useFetch(TASKS_URL);
 
   useEffect(() => {
-    if ('tasks' in response) {
-      setTasks(response.tasks);
-
-    }
+    if ('tasks' in response) { setTasks(response.tasks); }
   }, [isLoading, response]);
-  return(
-  <Layout>
-    <Head title="Mine" />
-    <div className={classNames.container}>
+  return (
+    <Layout>
+      <Head title="Mine" />
+      <div className={classNames.container}>
         {!!error && <p>Something went wrong, please contact admin!</p>}
         {
           isLoading
             ? (
               <p>Loading...</p>
             ) : (
-
               <>
                 {
-                  Object.keys(tasks).length > 0
-                    ?  (
+                  tasks.length > 0
+                    ? (
                       <div>
                         {CardList(tasks)}
                       </div>
@@ -50,9 +48,7 @@ const Mine: FC = () => {
             )
         }
       </div>
-  </Layout>
+    </Layout>
   );
 };
-
 export default Mine;
-