chore: Format

Author: maxn92

packages/components/src/entry-input-layout.tsx

@@ -191,7 +191,14 @@ interface EntryInputLayoutProps extends HTMLAttributes<HTMLElement>, EntryContai
   clickHandler: React.Dispatch<React.SetStateAction<boolean>>
 }
 
-export const EntryInputLayout: React.FC<EntryInputLayoutProps> = ({ text, time, actions, term, clickHandler, ...rest }) => {
+export const EntryInputLayout: React.FC<EntryInputLayoutProps> = ({
+  text,
+  time,
+  actions,
+  term,
+  clickHandler,
+  ...rest
+}) => {
   console.log(term)
   return (
     <>

packages/components/src/highlighter.tsx

@@ -1,31 +1,40 @@
-
 interface highlighterProps {
   term: string
   children: string
 }
 
-const Highlighter: React.FC<highlighterProps> = ({term, children}) => {
+const Highlighter: React.FC<highlighterProps> = ({ term, children }) => {
   if (!term) {
-    return (
-      <>{children}</>
-    )
+    return <>{children}</>
   }
-  const regex = new RegExp(`(${term})`, 'gi');
-  const parts = children.split(regex);
+  const regex = new RegExp(`(${term})`, 'gi')
+  const parts = children.split(regex)
   console.log(parts)
 
-  return(
+  return (
     <>
-    <div>test</div>
-      {parts.map((part: string, index: number)=> 
+      <div>test</div>
+      {parts.map((part: string, index: number) =>
         regex.test(part) ? (
-          <span key={index} style={{margin: 0, backgroundColor: "rgb(84 198 247)", padding: 0, whiteSpace: "pre-wrap", wordBreak: "break-word", fontWeight: "bold"}}>
+          <span
+            key={index}
+            style={{
+              margin: 0,
+              backgroundColor: 'rgb(84 198 247)',
+              padding: 0,
+              whiteSpace: 'pre-wrap',
+              wordBreak: 'break-word',
+              fontWeight: 'bold',
+            }}
+          >
             {part}
           </span>
-        ) : (part)
+        ) : (
+          part
+        )
       )}
     </>
   )
 }
 
-export default Highlighter
+export default Highlighter

packages/frontend/src/components/entries-input.tsx

@@ -109,7 +109,7 @@ const EntriesInput: React.FC<EntriesInputProps> = ({
         .sort((a, b) => a.orderId - b.orderId)
         .map((entry) => (
           <EntryInput
-          term={term}
+            term={term}
             handleStatusChange={handleStatusChange}
             key={entry.id}
             disabled={disabled}

packages/frontend/src/pages/archive-page.tsx

@@ -216,7 +216,7 @@ const ArchivePage: React.FunctionComponent = () => {
     let weekEnd: number | undefined = undefined
     let searchText: string | undefined = undefined
 
-    setTerm(value) 
+    setTerm(value)
 
     const yearMatch = yearMonthRegex.exec(value)
     if (yearMonthRegex.test(value) && yearMatch) {
@@ -349,8 +349,8 @@ const ArchivePage: React.FunctionComponent = () => {
 
                     const link =
                       data?.currentUser?.__typename === UserTypeEnum.Trainer
-                        ? `/report/${traineeId}/${year}/${week}/${term ? term: ""}`
-                        : `/report/${year}/${week}/${term ? term: ""}`
+                        ? `/report/${traineeId}/${year}/${week}/${term ? term : ''}`
+                        : `/report/${year}/${week}/${term ? term : ''}`
 
                     return (
                       <StyledArchiveTableRow key={report.id}>

packages/frontend/src/pages/report-page.tsx

@@ -282,7 +282,7 @@ const ReportPage: React.FunctionComponent = () => {
           {report?.days.map((day) => (
             <StyledTopBorderWrapper key={day.id}>
               <DayInput
-                term={term ? term : ""}
+                term={term ? term : ''}
                 day={day}
                 disabled={reportArchived || reportReview || day.status === DayStatusEnum.Holiday}
                 reportStatus={report.status}