Deprecate Node Version.

Author: robinjhuang

components/nodes/NodeDetails.tsx

@@ -1,7 +1,6 @@
 import Image from 'next/image'
 import { useRouter } from 'next/router'
 import React, { useState, useEffect } from 'react'
-import { NodesData } from './Nodes'
 import { Button, Spinner } from 'flowbite-react'
 import nodesLogo from '../../public/images/nodesLogo.svg'
 import NodeVDrawer from './NodeVDrawer'

components/nodes/NodeEditModal.tsx

@@ -213,7 +213,7 @@ export const NodeEditModal: React.FC<NodeEditModalProps> = ({
                                         className="w-full text-white bg-gray-800"
                                         onClick={onCloseEditModal}
                                     >
-                                        Decline
+                                        Cancel
                                     </Button>
                                     <Button
                                         color="blue"

components/nodes/NodeVDrawer.tsx

@@ -32,16 +32,22 @@ const NodeVDrawer: React.FC<NodeVDrawerProps> = ({
             data: {
                 deprecated: !isVersionAvailable,
             },
+        }, {
+            onError: (error) => {
+                toast.error('Could not update version. Please try again.')
+            },
+            onSuccess: () => {
+                toast.success('Version updated successfully')
+            },
         })
     }
 
     return (
         <>
             <div
                 id="drawer-create-product-default"
-                className={`fixed top-0 right-0 z-40 w-full max-w-2xl h-screen py-20 px-12 overflow-y-auto transition-transform ${
-                    isDrawerOpen ? 'translate-x-0' : 'translate-x-full'
-                } bg-gray-800`}
+                className={`fixed top-0 right-0 z-40 w-full max-w-2xl h-screen py-20 px-12 overflow-y-auto transition-transform ${isDrawerOpen ? 'translate-x-0' : 'translate-x-full'
+                    } bg-gray-800`}
                 aria-labelledby="drawer-label"
                 aria-hidden={!isDrawerOpen}
             >

components/nodes/Nodes.tsx renamed to components/publisher/PublisherListNodes.tsx

@@ -1,10 +1,10 @@
 import React, { useState } from 'react'
 import GenericHeader from '../common/GenericHeader'
-import PublisherNodes from '../publisher/PublisherNodes'
+import PublisherNodes from './PublisherNodes'
 import { Publisher, useListPublishersForUser, useUpdatePublisher } from 'src/api/generated'
 import { Spinner } from 'flowbite-react'
 
-import EditPublisherModal from '../publisher/EditPublisherModal'
+import EditPublisherModal from './EditPublisherModal'
 import { toast } from 'react-toastify'
 
 const Nodes: React.FC = () => {

components/publisher/PublisherNodes.tsx

@@ -48,7 +48,7 @@ const PublisherNodes: React.FC<PublisherNodesProps> = ({ publisher, onEditPublis
                     <NodesCard
                         key={index}
                         node={node}
-                        buttonLink={`/nodes/${node.id}`}
+                        buttonLink={`publishers/${publisher.id}/nodes/${node.id}`}
                     />
                 ))}
             </div>

pages/nodes.tsx

@@ -1,10 +1,10 @@
 import withAuth from '@/components/common/HOC/newAuth'
-import Nodes from '../components/nodes/Nodes'
+import PublisherListNodes from '../components/publisher/PublisherListNodes'
 
 function NodeList() {
     return (
         <>
-            <Nodes />
+            <PublisherListNodes />
         </>
     )
 }