From 0b63b1145a84e55bd2a3c4fa2ec0ad8d47ca307d Mon Sep 17 00:00:00 2001
From: ymouen <y.mouenmakoua@gmail.com>
Date: Sun, 22 Sep 2024 21:54:43 +0200
Subject: [PATCH] fix: isolike date time in branch_name field (#531)

---
 taxonomy-editor-frontend/package-lock.json          |  1 +
 taxonomy-editor-frontend/package.json               |  1 +
 .../src/pages/startproject/index.tsx                | 13 +++----------
 3 files changed, 5 insertions(+), 10 deletions(-)

diff --git a/taxonomy-editor-frontend/package-lock.json b/taxonomy-editor-frontend/package-lock.json
index 31ae195e..faa25930 100644
--- a/taxonomy-editor-frontend/package-lock.json
+++ b/taxonomy-editor-frontend/package-lock.json
@@ -19,6 +19,7 @@
         "@yaireo/dragsort": "^1.3.1",
         "@yaireo/tagify": "^4.17.9",
         "axios": "^1.6.7",
+        "date-fns": "^4.1.0",
         "fast-deep-equal": "^3.1.3",
         "iso-639-1": "^2.1.15",
         "react": "^18.2.0",
diff --git a/taxonomy-editor-frontend/package.json b/taxonomy-editor-frontend/package.json
index 6fc8b7bd..9dce3f31 100644
--- a/taxonomy-editor-frontend/package.json
+++ b/taxonomy-editor-frontend/package.json
@@ -15,6 +15,7 @@
     "@yaireo/dragsort": "^1.3.1",
     "@yaireo/tagify": "^4.17.9",
     "axios": "^1.6.7",
+    "date-fns": "^4.1.0",
     "fast-deep-equal": "^3.1.3",
     "iso-639-1": "^2.1.15",
     "react": "^18.2.0",
diff --git a/taxonomy-editor-frontend/src/pages/startproject/index.tsx b/taxonomy-editor-frontend/src/pages/startproject/index.tsx
index d32b0e80..2ea5268c 100644
--- a/taxonomy-editor-frontend/src/pages/startproject/index.tsx
+++ b/taxonomy-editor-frontend/src/pages/startproject/index.tsx
@@ -1,3 +1,4 @@
+import { format } from 'date-fns';
 import { useEffect, useState, useCallback } from "react";
 import { useNavigate } from "react-router-dom";
 
@@ -22,16 +23,8 @@ import { createBaseURL, toSnakeCase } from "@/utils";
 
 const branchNameRegEx = /[^a-z0-9_]+/;
 
-function formatDate(date) {
-  const map = {
-    mm: ("0" + (date.getMonth() + 1)).slice(-2),
-    dd: ("0" + date.getDate()).slice(-2),
-    yy: ("0" + date.getFullYear()).slice(-2),
-    HH: ("0" + date.getHours()).slice(-2),
-    MinMin: ("0" + date.getMinutes()).slice(-2),
-  };
-
-  return `${map.mm}${map.dd}${map.yy}_${map.HH}_${map.MinMin}`;
+function formatDate(date: Date): string {
+  return format(date, 'yyMMdd_HH_mm');
 }
 
 export const StartProject = () => {