feat: add update timestamp to Recruiters and Uses pages

martapanc · Oct 21, 2023 · 2053392 · 2053392
1 parent 89c4705
commit 2053392
Show file tree

Hide file tree

Showing 9 changed files with 47 additions and 1 deletion.
diff --git a/package.json b/package.json
@@ -42,6 +42,7 @@
     "i18next": "^23.4.5",
     "inquirer-fuzzy-path": "^2.3.0",
     "js-cookie": "^3.0.5",
+    "moment": "^2.29.4",
     "next": "^13.5.6",
     "next-cloudinary": "^4.18.1",
     "next-themes": "^0.2.1",
@@ -54,6 +55,7 @@
     "react-i18next": "^13.2.0",
     "react-icons": "^4.10.1",
     "react-markdown": "^8.0.7",
+    "react-moment": "^1.1.3",
     "react-string-replace": "^1.1.1",
     "react-syntax-highlighter": "^15.5.0",
     "react-tippy": "^1.4.0",

diff --git a/src/app/(public)/recruiters-info/page.tsx b/src/app/(public)/recruiters-info/page.tsx
@@ -6,6 +6,7 @@ import '@/components/molecules/RecruiterInfo/recruiterInfo.css';
 
 import Heading from '@/components/atoms/headings/Heading';
 import { SalaryHappinessTool } from '@/components/molecules/RecruiterInfo/SalaryHappinessTool';
+import UpdateTimestamp from '@/components/molecules/UpdateTimestamp/UpdateTimestamp';
 
 import { queryRecruitersPage } from '@/queries/recruiters-page';
 
@@ -97,9 +98,13 @@ const RecruitersPage = async () => {
 
           <hr />
 
-          <div className='outro mt-8'>
+          <div className='outro mt-8 mb-10'>
             <ReactMarkdown>{recruitersPage.outro}</ReactMarkdown>
           </div>
+
+          <hr />
+
+          <UpdateTimestamp updatedAt={recruitersPage.updatedAt} />
         </div>
       </section>
     </main>

diff --git a/src/app/(public)/uses/page.tsx b/src/app/(public)/uses/page.tsx
@@ -4,6 +4,7 @@ import ReactMarkdown from 'react-markdown';
 import './uses.css';
 
 import Heading from '@/components/atoms/headings/Heading';
+import UpdateTimestamp from '@/components/molecules/UpdateTimestamp/UpdateTimestamp';
 
 import { queryUsesPage } from '@/queries/uses-page';
 
@@ -47,6 +48,10 @@ const UsesPage = async () => {
               <ReactMarkdown>{section.content}</ReactMarkdown>
             </div>
           ))}
+
+          <hr className='my-8' />
+
+          <UpdateTimestamp updatedAt={usesPage.updatedAt} />
         </div>
       </section>
     </main>

diff --git a/src/components/molecules/UpdateTimestamp/UpdateTimestamp.tsx b/src/components/molecules/UpdateTimestamp/UpdateTimestamp.tsx
@@ -0,0 +1,20 @@
+'use client';
+
+import Moment from 'react-moment';
+
+export interface UpdateTimestampProps {
+  updatedAt: Date;
+}
+
+const UpdateTimestamp = ({ updatedAt }: UpdateTimestampProps) => {
+  return (
+    <div className='mt-4 flex justify-end'>
+      <strong>Last update:</strong>
+      &nbsp;
+      <Moment format='ddd Do MMMM YYYY, HH:mm'>{updatedAt}</Moment>
+      &nbsp;(CEST)
+    </div>
+  );
+};
+
+export default UpdateTimestamp;
diff --git a/src/queries/recruiters-page.ts b/src/queries/recruiters-page.ts
@@ -45,6 +45,7 @@ export function recruitersPageQuery(locale: string) {
               content
             }
             outro
+            updatedAt
           }
         }
       }

diff --git a/src/queries/uses-page.ts b/src/queries/uses-page.ts
@@ -41,6 +41,7 @@ export const UsesPageQuery = gql`
             title
             content
           }
+          updatedAt
         }
       }
     }

diff --git a/src/types/RecruitersPage.ts b/src/types/RecruitersPage.ts
@@ -8,4 +8,5 @@ export interface RecruitersPage {
   jobPreferences: TitledParagraph;
   tldr: TitledParagraph;
   outro: string;
+  updatedAt: Date;
 }
diff --git a/src/types/UsesPage.ts b/src/types/UsesPage.ts
@@ -6,4 +6,5 @@ export interface UsesPage {
   productivity: TitledParagraph;
   programmingTools: TitledParagraph;
   security: TitledParagraph;
+  updatedAt: Date;
 }
diff --git a/yarn.lock b/yarn.lock
@@ -11262,6 +11262,11 @@ mkdirp@^1.0.3, mkdirp@^1.0.4:
   resolved "https://verdaccio.mein-recycling.de/mkdirp/-/mkdirp-1.0.4.tgz#3eb5ed62622756d79a5f0e2a221dfebad75c2f7e"
   integrity sha512-vVqVZQyf3WLx2Shd0qJ9xuvqgAyKPLAiqITEtqW0oIUjzo3PePDd6fW9iFz30ef7Ysp/oiWqbhszeGWW2T6Gzw==
 
+moment@^2.29.4:
+  version "2.29.4"
+  resolved "https://verdaccio.mein-recycling.de/moment/-/moment-2.29.4.tgz#3dbe052889fe7c1b2ed966fcb3a77328964ef108"
+  integrity sha512-5LC9SOxjSc2HF6vO2CyuTDNivEdoz2IvyJJGj6X8DJ0eFyfszE0QiEd+iXmBvUP3WHxSjFH/vIsA0EN00cgr8w==
+
 mri@^1.1.0, mri@^1.2.0:
   version "1.2.0"
   resolved "https://verdaccio.mein-recycling.de/mri/-/mri-1.2.0.tgz#6721480fec2a11a4889861115a48b6cbe7cc8f0b"
@@ -12629,6 +12634,11 @@ react-markdown@^8.0.7:
     unist-util-visit "^4.0.0"
     vfile "^5.0.0"
 
+react-moment@^1.1.3:
+  version "1.1.3"
+  resolved "https://verdaccio.mein-recycling.de/react-moment/-/react-moment-1.1.3.tgz#829b21dfb279aa6db47ce4f1ac2555af17a1bcdc"
+  integrity sha512-8EPvlUL8u6EknPp1ISF5MQ3wx2OHJVXIP/iZc4wRh3iV3XozftZERDv9ANZeAtMlhNNQHdFoqcZHFUkBSTONfA==
+
 react-refresh@^0.11.0:
   version "0.11.0"
   resolved "https://verdaccio.mein-recycling.de/react-refresh/-/react-refresh-0.11.0.tgz#77198b944733f0f1f1a90e791de4541f9f074046"
-Original file line number
+Diff line change
@@ Expand Up / @@ -45,6 +45,7 @@ export function recruitersPageQuery(locale: string) { @@
                   content
                 }
                 outro
+                updatedAt
               }
             }
           }
@@ Expand Down @@