From 1ec415f0c5d0d9d72555778d1c5f564271f0ea3d Mon Sep 17 00:00:00 2001
From: Anderson Shindy Oki <anderson.vs.oki@gmail.com>
Date: Wed, 7 Aug 2024 09:03:59 +0900
Subject: [PATCH] Fixed table items losing order when action is executed

---
 frontend/src/pages/System/Announcements/table.tsx | 8 ++++----
 frontend/src/pages/System/Tasks/table.tsx         | 8 ++++----
 frontend/src/pages/Wanted/Movies/index.tsx        | 4 ++--
 3 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/frontend/src/pages/System/Announcements/table.tsx b/frontend/src/pages/System/Announcements/table.tsx
index febb32fa1..910fb4bd5 100644
--- a/frontend/src/pages/System/Announcements/table.tsx
+++ b/frontend/src/pages/System/Announcements/table.tsx
@@ -19,7 +19,7 @@ const Table: FunctionComponent<Props> = ({ announcements }) => {
     () => [
       {
         header: "Since",
-        accessor: "timestamp",
+        accessorKey: "timestamp",
         cell: ({
           row: {
             original: { timestamp },
@@ -30,7 +30,7 @@ const Table: FunctionComponent<Props> = ({ announcements }) => {
       },
       {
         header: "Announcement",
-        accessor: "text",
+        accessorKey: "text",
         cell: ({
           row: {
             original: { text },
@@ -41,7 +41,7 @@ const Table: FunctionComponent<Props> = ({ announcements }) => {
       },
       {
         header: "More Info",
-        accessor: "link",
+        accessorKey: "link",
         cell: ({
           row: {
             original: { link },
@@ -56,7 +56,7 @@ const Table: FunctionComponent<Props> = ({ announcements }) => {
       },
       {
         header: "Dismiss",
-        accessor: "hash",
+        accessorKey: "hash",
         cell: ({
           row: {
             original: { dismissible, hash },
diff --git a/frontend/src/pages/System/Tasks/table.tsx b/frontend/src/pages/System/Tasks/table.tsx
index ed3248b6f..5e1b045bd 100644
--- a/frontend/src/pages/System/Tasks/table.tsx
+++ b/frontend/src/pages/System/Tasks/table.tsx
@@ -17,7 +17,7 @@ const Table: FunctionComponent<Props> = ({ tasks }) => {
     () => [
       {
         header: "Name",
-        accessor: "name",
+        accessorKey: "name",
         cell: ({
           row: {
             original: { name },
@@ -28,7 +28,7 @@ const Table: FunctionComponent<Props> = ({ tasks }) => {
       },
       {
         header: "Interval",
-        accessor: "interval",
+        accessorKey: "interval",
         cell: ({
           row: {
             original: { interval },
@@ -39,11 +39,11 @@ const Table: FunctionComponent<Props> = ({ tasks }) => {
       },
       {
         header: "Next Execution",
-        accessor: "next_run_in",
+        accessorKey: "next_run_in",
       },
       {
         header: "Run",
-        accessor: "job_running",
+        accessorKey: "job_running",
         cell: ({
           row: {
             original: { job_id: jobId, job_running: jobRunning },
diff --git a/frontend/src/pages/Wanted/Movies/index.tsx b/frontend/src/pages/Wanted/Movies/index.tsx
index 7c497f799..c05cfb7c3 100644
--- a/frontend/src/pages/Wanted/Movies/index.tsx
+++ b/frontend/src/pages/Wanted/Movies/index.tsx
@@ -21,7 +21,7 @@ const WantedMoviesView: FunctionComponent = () => {
     () => [
       {
         header: "Name",
-        accessor: "title",
+        accessorKey: "title",
         cell: ({
           row: {
             original: { title, radarrId },
@@ -37,7 +37,7 @@ const WantedMoviesView: FunctionComponent = () => {
       },
       {
         header: "Missing",
-        accessor: "missing_subtitles",
+        accessorKey: "missing_subtitles",
         cell: ({
           row: {
             original: { radarrId, missing_subtitles: missingSubtitles },