Load user version of roadmap

src/components/CreateVersion/CreateVersion.tsx

@@ -81,7 +81,7 @@ export function CreateVersion(props: CreateVersionProps) {
     );
   }
 
-  if (!isLoading && userVersion) {
+  if (!isLoading && userVersion?._id) {
     return (
       <div className={'flex items-center'}>
         <a

src/components/CustomRoadmap/PersonalRoadmapList.tsx

@@ -176,24 +176,24 @@ function CustomRoadmapItem(props: CustomRoadmapItemProps) {
         />
 
         <a
-          href={`/r?id=${roadmap._id}`}
+          href={editorLink}
           className={
-            'ml-2 flex items-center gap-2 rounded-md border border-gray-300 bg-white px-2 py-1.5 text-xs hover:bg-gray-50 focus:outline-none'
+            'ml-2 flex items-center gap-2 rounded-md border border-gray-300 bg-white px-2.5 py-1.5 text-xs text-black hover:bg-gray-50 focus:outline-none'
           }
           target={'_blank'}
         >
-          <ExternalLink className="inline-block h-4 w-4" />
+          <PenSquare className="inline-block h-4 w-4" />
-          Visit
+          Edit
         </a>
         <a
-          href={editorLink}
+          href={`/r?id=${roadmap._id}`}
           className={
-            'ml-2 flex items-center gap-2 rounded-md border border-gray-800 bg-gray-900 px-2.5 py-1.5 text-xs text-white hover:bg-gray-800 focus:outline-none'
+            'ml-2 flex items-center gap-2 rounded-md border border-blue-400 bg-white px-2 py-1.5 text-xs hover:bg-blue-50 focus:outline-none text-blue-600'
           }
           target={'_blank'}
         >
-          <PenSquare className="inline-block h-4 w-4" />
+          <ExternalLink className="inline-block h-4 w-4" />
-          Edit
+          Visit
         </a>
       </div>
     </li>