fix: Fixed remember and pin action

- Fixed remember and pin action
- Added time entry preview sum hours
- Bump version to 1.6.2

Author: CrawlerCode

package.json

@@ -1,7 +1,7 @@
 {
   "name": "redmine-time-tracking",
   "description": "Redmine Time Tracking",
-  "version": "1.6.1",
+  "version": "1.6.2",
   "author": {
     "name": "CrawlerCode",
     "email": "[email protected]"

public/manifest.json

@@ -1,7 +1,7 @@
 {
   "manifest_version": 3,
   "name": "Redmine Time Tracking",
-  "version": "1.6.1",
+  "version": "1.6.2",
   "description": "Start-stop timer for Redmine",
   "icons": {
     "16": "logo16.png",

src/components/issues/IssuesList.tsx

@@ -156,7 +156,7 @@ const IssuesList = ({ account, issues, issuesData: { data: issuesData, setData:
                     ...issuesData,
                     [issue.id]: {
                       ...data,
-                      remember: true,
+                      remembered: true,
                     },
                   });
                 }}
@@ -174,7 +174,7 @@ const IssuesList = ({ account, issues, issuesData: { data: issuesData, setData:
                     ...issuesData,
                     [issue.id]: {
                       ...data,
-                      remembered: true,
+                      pinned: true,
                     },
                   });
                 }}

src/components/time/TimeEntry.tsx

@@ -8,7 +8,7 @@ type PropTypes = {
 };
 
 const TimeEntry = ({ entries, previewHours, maxHours = 24 }: PropTypes) => {
-  const hours = entries.reduce((sum, entry) => sum + entry.hours, 0);
+  const sumHours = entries.reduce((sum, entry) => sum + entry.hours, 0);
   return (
     <div className="flex gap-x-0.5 items-center">
       {entries.map((entry) => (
@@ -54,7 +54,7 @@ const TimeEntry = ({ entries, previewHours, maxHours = 24 }: PropTypes) => {
       <div
         className="h-3 bg-gray-400/40 dark:bg-gray-700/40 rounded"
         style={{
-          width: `${((maxHours - hours - (previewHours ?? 0)) / maxHours) * 100}%`,
+          width: `${((maxHours - sumHours - (previewHours ?? 0)) / maxHours) * 100}%`,
           backgroundSize: "1rem 1rem",
           backgroundImage: "linear-gradient(45deg,rgba(255,255,255,.05) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.05) 50%,rgba(255,255,255,.05) 75%,transparent 75%,transparent)",
         }}

src/components/time/TimeEntryList.tsx

@@ -79,7 +79,7 @@ const TimeEntryList = ({ entries }: PropTypes) => {
                 return (
                   <div className="grid grid-cols-10 items-center gap-x-1">
                     <h4 className="col-span-1 text-sm">{format(date, "EEE")}</h4>
-                    <h3 className="col-span-2 text-sm text-end font-semibold truncate">{hours} h</h3>
+                    <h3 className="col-span-2 text-sm text-end font-semibold truncate text-clip">{hours} h</h3>
                     <div className="col-span-7">
                       <TimeEntry entries={groupEntries} maxHours={maxHours} />
                     </div>

src/components/time/TimeEntryPreview.tsx

@@ -9,9 +9,16 @@ type PropTypes = {
 const TimeEntryPreview = ({ date, previewHours }: PropTypes) => {
   const myTimeEntriesQuery = useMyTimeEntries(date, date);
 
-  const maxHours = myTimeEntriesQuery.data.reduce((sum, entry) => sum + entry.hours, 0) + previewHours;
+  const sumHours = myTimeEntriesQuery.data.reduce((sum, entry) => sum + entry.hours, 0) + previewHours;
 
-  return <TimeEntry entries={myTimeEntriesQuery.data} previewHours={previewHours} maxHours={maxHours > 12 ? maxHours : 12} />;
+  return (
+    <div className="grid grid-cols-6 items-center gap-x-1">
+      <h3 className="col-span-1 text-sm font-semibold truncate text-clip">{sumHours} h</h3>
+      <div className="col-span-5">
+        <TimeEntry entries={myTimeEntriesQuery.data} previewHours={previewHours} maxHours={sumHours > 12 ? sumHours : 12} />
+      </div>
+    </div>
+  );
 };
 
 export default TimeEntryPreview;

src/pages/IssuesPage.tsx

@@ -21,7 +21,7 @@ const IssuesPage = () => {
   const myIssuesQuery = useMyIssues(
     Object.keys(issuesData.data)
       .map((id) => Number(id))
-      .filter((id) => issuesData.data[id].remember || issuesData.data[id].active || issuesData.data[id].time > 0),
+      .filter((id) => issuesData.data[id].remembered || issuesData.data[id].remember || issuesData.data[id].active || issuesData.data[id].time > 0),
     searching ? search : ""
   );