makeplane · venplane · Nov 25, 2022 · Nov 25, 2022 · Nov 25, 2022 · Nov 25, 2022
diff --git a/components/forms/EmailPasswordForm.tsx b/components/forms/EmailPasswordForm.tsx
@@ -87,7 +87,7 @@ const EmailPasswordForm = ({ onSuccess }: any) => {
         </div>
         <div className="flex items-center justify-between mt-2">
           <div className="text-sm ml-auto">
-            <Link href={"/forgot-password"}>
+            <Link href={"/forgot-password"} legacyBehavior>
               <a className="font-medium text-indigo-600 hover:text-indigo-500">
                 Forgot your password?
               </a>

diff --git a/components/project/issues/BoardView/SingleBoard.tsx b/components/project/issues/BoardView/SingleBoard.tsx
@@ -250,6 +250,7 @@ const SingleBoard: React.FC<Props> = ({
                                     {key === "name" && (
                                       <Link
                                         href={`/projects/${childIssue.project}/issues/${childIssue.id}`}
+                                        legacyBehavior
                                       >
                                         <a className="hover:text-theme duration-300">
                                           {childIssue.name}
@@ -276,8 +277,8 @@ const SingleBoard: React.FC<Props> = ({
                                                   <div className="h-5 w-5 border-2 bg-white border-white rounded-full">
                                                     <Image
                                                       src={assignee.avatar}
-                                                      height="100%"
-                                                      width="100%"
+                                                      height="100"
+                                                      width="100"
                                                       className="rounded-full"
                                                       alt={assignee.name}
                                                     />

diff --git a/components/project/issues/ListView/index.tsx b/components/project/issues/ListView/index.tsx
@@ -147,6 +147,7 @@ const ListView: React.FC<Props> = ({
                                         <p className="w-[15rem]">
                                           <Link
                                             href={`/projects/${issue.project}/issues/${issue.id}`}
+                                            legacyBehavior
                                           >
                                             <a className="hover:text-theme duration-300">
                                               {issue.name}

diff --git a/components/project/memberInvitations.tsx b/components/project/memberInvitations.tsx
@@ -63,7 +63,7 @@ const ProjectMemberInvitations = ({
                 type="checkbox"
               />
             ) : null}
-            <Link href={`/projects/${project.id}/issues`}>
+            <Link href={`/projects/${project.id}/issues`} legacyBehavior>
               <a className="flex flex-col">
                 {project.name}
                 <span className="text-xs">({project.identifier})</span>
@@ -72,7 +72,7 @@ const ProjectMemberInvitations = ({
           </div>
           {isMember ? (
             <div className="flex">
-              <Link href={`/projects/${project.id}/settings`}>
+              <Link href={`/projects/${project.id}/settings`} legacyBehavior>
                 <a className="h-7 w-7 p-1 grid place-items-center rounded hover:bg-gray-200 duration-300 cursor-pointer">
                   <PencilIcon className="h-4 w-4" />
                 </a>
@@ -115,7 +115,7 @@ const ProjectMemberInvitations = ({
                 Member
               </span>
             )}
-            <Link href={`/projects/${project.id}/issues`}>
+            <Link href={`/projects/${project.id}/issues`} legacyBehavior>
               <a className="flex items-center gap-1 text-xs font-medium bg-blue-200 hover:bg-blue-300 p-2 rounded duration-300">
                 <EyeIcon className="h-3 w-3" />
                 View

diff --git a/layouts/Navbar/DefaultTopBar.tsx b/layouts/Navbar/DefaultTopBar.tsx
@@ -11,7 +11,7 @@ const DefaultTopBar: React.FC = () => {
     <div className="flex justify-between items-center px-4 h-16 sm:px-6 md:justify-start md:space-x-10 absolute top-0 w-full">
       <div className="w-full flex items-center justify-between">
         <div>
-          <Link href="/">
+          <Link href="/" legacyBehavior>
             <a className="flex">
               <span className="sr-only">Plane</span>
               <h2 className="text-2xl font-semibold">
@@ -22,9 +22,7 @@ const DefaultTopBar: React.FC = () => {
         </div>
         {user && (
           <div>
-            <p className="text-sm text-gray-500">
-              logged in as {user.first_name}
-            </p>
+            <p className="text-sm text-gray-500">logged in as {user.first_name}</p>
           </div>
         )}
       </div>

diff --git a/layouts/Navbar/Sidebar.tsx b/layouts/Navbar/Sidebar.tsx
@@ -169,7 +169,7 @@ const Sidebar: React.FC = () => {
                   <nav className="mt-5 space-y-1 px-2">
                     {projectId &&
                       navigation(projectId as string).map((item) => (
-                        <Link href={item.href} key={item.name}>
+                        <Link href={item.href} key={item.name} legacyBehavior>
                           <a
                             className={classNames(
                               item.href === router.asPath
@@ -298,7 +298,7 @@ const Sidebar: React.FC = () => {
                             )}
                             <Menu.Item>
                               {(active) => (
-                                <Link href="/create-workspace">
+                                <Link href="/create-workspace" legacyBehavior>
                                   <a className="flex items-center gap-x-1 p-2 w-full text-left text-gray-900 hover:bg-theme hover:text-white rounded-md text-sm">
                                     <PlusIcon className="w-5 h-5" />
                                     <span>Create Workspace</span>
@@ -348,7 +348,7 @@ const Sidebar: React.FC = () => {
                           {userLinks.map((item) => (
                             <Menu.Item key={item.name} as="div">
                               {(active) => (
-                                <Link href={item.href}>
+                                <Link href={item.href} legacyBehavior>
                                   <a className="flex items-center gap-x-1 p-2 w-full text-left text-gray-900 hover:bg-theme hover:text-white rounded-md text-sm">
                                     {item.name}
                                   </a>
@@ -389,7 +389,7 @@ const Sidebar: React.FC = () => {
               </div>
               <div className="mt-3 flex-1 space-y-1 bg-white">
                 {workspaceLinks.map((link, index) => (
-                  <Link key={index} href={link.href}>
+                  <Link key={index} href={link.href} legacyBehavior>
                     <a
                       className={`${
                         link.href === router.asPath
@@ -456,7 +456,7 @@ const Sidebar: React.FC = () => {
                             } flex flex-col gap-y-1`}
                           >
                             {navigation(project?.id).map((item) => (
-                              <Link key={item.name} href={item.href}>
+                              <Link key={item.name} href={item.href} legacyBehavior>
                                 <a
                                   className={classNames(
                                     item.href === router.asPath

diff --git a/lib/services/authentication.service.ts b/lib/services/authentication.service.ts
@@ -1,5 +1,10 @@
 // api routes
-import { SIGN_IN_ENDPOINT, SOCIAL_AUTH_ENDPOINT, MAGIC_LINK_GENERATE, MAGIC_LINK_SIGNIN } from "constants/api-routes";
+import {
+  SIGN_IN_ENDPOINT,
+  SOCIAL_AUTH_ENDPOINT,
+  MAGIC_LINK_GENERATE,
+  MAGIC_LINK_SIGNIN,
+} from "constants/api-routes";
 // services
 import APIService from "lib/services/api.service";
 

diff --git a/next.config.js b/next.config.js
@@ -1,6 +1,6 @@
 /** @type {import('next').NextConfig} */
 const nextConfig = {
-  reactStrictMode: false,
+  reactStrictMode: true,
   swcMinify: true,
   images: {
     domains: ["vinci-web.s3.amazonaws.com"],

diff --git a/package.json b/package.json
@@ -9,40 +9,35 @@
     "lint": "next lint"
   },
   "dependencies": {
-    "@headlessui/react": "^1.7.3",
-    "@heroicons/react": "^2.0.12",
-    "axios": "^1.1.3",
+    "@headlessui/react": "^1.7.4",
+    "@heroicons/react": "^2.0.13",
+    "axios": "^1.2.0",
     "js-cookie": "^3.0.1",
-    "next": "12.2.2",
-    "prosemirror-example-setup": "^1.2.1",
-    "prosemirror-model": "^1.18.1",
-    "prosemirror-schema-basic": "^1.2.0",
-    "prosemirror-schema-list": "^1.2.2",
-    "prosemirror-state": "^1.4.2",
-    "prosemirror-view": "^1.29.0",
+    "lodash": "^4.17.21",
+    "next": "13.0.5",
     "react": "18.2.0",
     "react-beautiful-dnd": "^13.1.1",
     "react-color": "^2.19.3",
     "react-dom": "18.2.0",
     "react-dropzone": "^14.2.3",
-    "react-hook-form": "^7.38.0",
+    "react-hook-form": "^7.39.5",
     "swr": "^1.3.0",
     "uuid": "^9.0.0"
   },
   "devDependencies": {
     "@types/js-cookie": "^3.0.2",
-    "@types/lodash": "^4.14.188",
-    "@types/node": "18.0.6",
-    "@types/react": "18.0.15",
+    "@types/lodash": "^4.14.190",
+    "@types/node": "18.11.9",
+    "@types/react": "18.0.25",
     "@types/react-beautiful-dnd": "^13.1.2",
     "@types/react-color": "^3.0.6",
-    "@types/react-dom": "18.0.6",
+    "@types/react-dom": "18.0.9",
     "@types/uuid": "^8.3.4",
     "autoprefixer": "^10.4.7",
-    "eslint": "8.20.0",
-    "eslint-config-next": "12.2.2",
-    "postcss": "^8.4.14",
-    "tailwindcss": "^3.1.6",
+    "eslint": "8.28.0",
+    "eslint-config-next": "13.0.5",
+    "postcss": "^8.4.19",
+    "tailwindcss": "^3.2.4",
     "typescript": "4.7.4"
   }
 }
diff --git a/pages/_app.tsx b/pages/_app.tsx
@@ -1,5 +1,4 @@
 import "../styles/globals.css";
-import "styles/editor.css";
 import type { AppProps } from "next/app";
 
 import GlobalContextProvider from "contexts/globalContextProvider";

diff --git a/pages/editor.tsx b/pages/editor.tsx
diff --git a/pages/me/profile.tsx b/pages/me/profile.tsx
@@ -271,7 +271,7 @@ const Profile: NextPage = () => {
                 <h2 className="text-xl font-medium mb-3">Quick Links</h2>
                 <div className="grid grid-cols-3 gap-5">
                   {quickLinks.map((item, index) => (
-                    <Link key={index} href={item.href}>
+                    <Link key={index} href={item.href} legacyBehavior>
                       <a className="group p-5 rounded-lg bg-secondary hover:bg-theme duration-300">
                         <h4 className="group-hover:text-white flex items-center gap-2 duration-300">
                           {item.title}

diff --git a/pages/me/workspace-invites.tsx b/pages/me/workspace-invites.tsx
@@ -124,7 +124,7 @@ const MyWorkspacesInvites: NextPage = () => {
                 </div>
               </div>
               <div className="flex justify-between mt-4">
-                <Link href={workspaces?.length === 0 ? "/create-workspace" : "/"}>
+                <Link href={workspaces?.length === 0 ? "/create-workspace" : "/"} legacyBehavior>
                   <button type="button" className="text-sm text-gray-700">
                     Skip
                   </button>
@@ -137,7 +137,7 @@ const MyWorkspacesInvites: NextPage = () => {
             <div>
               <span>No Invitaions Found</span>
               <p>
-                <Link href="/">
+                <Link href="/" legacyBehavior>
                   <a>Click Here </a>
                 </Link>
 

diff --git a/pages/signin.tsx b/pages/signin.tsx
@@ -158,6 +158,7 @@ const SignIn: NextPage = () => {
                   />
                   <Link
                     href={`https://github.com/login/oauth/authorize?client_id=${process.env.NEXT_PUBLIC_GITHUB_ID}&redirect_uri=${loginCallBackURL}`}
+                    legacyBehavior
                   >
                     <button className="w-full bg-black opacity-90 hover:opacity-100 text-white text-sm flex items-center px-3 py-2 rounded duration-300">
                       <Image

diff --git a/pages/workspace-member-invitation/[invitationId].tsx b/pages/workspace-member-invitation/[invitationId].tsx
@@ -69,7 +69,7 @@ const WorkspaceInvitation: NextPage = () => {
                         You are already a member of {invitationDetail.workspace.name}
                       </h2>
                       <div className="w-full flex gap-x-4">
-                        <Link href="/signin">
+                        <Link href="/signin" legacyBehavior>
                           <a className="w-full">
                             <Button className="w-full">Go To Login Page</Button>
                           </a>
@@ -85,7 +85,7 @@ const WorkspaceInvitation: NextPage = () => {
                         </span>
                       </h2>
                       <div className="w-full flex gap-x-4">
-                        <Link href="/">
+                        <Link href="/" legacyBehavior>
                           <a className="w-full">
                             <Button theme="secondary" className="w-full">
                               Ignore

diff --git a/pages/workspace/index.tsx b/pages/workspace/index.tsx
@@ -97,7 +97,10 @@ const Workspace: NextPage = () => {
                           key={index}
                         >
                           <td className="px-3 py-4 font-medium">
-                            <Link href={`/projects/${issue.project}/issues/${issue.id}`}>
+                            <Link
+                              href={`/projects/${issue.project}/issues/${issue.id}`}
+                              legacyBehavior
+                            >
                               <a className="hover:text-theme duration-300">{issue.name}</a>
                             </Link>
                           </td>
@@ -138,7 +141,11 @@ const Workspace: NextPage = () => {
                       .map(
                         (project, index) =>
                           index < 3 && (
-                            <Link href={`/projects/${project.id}/issues`} key={project.id}>
+                            <Link
+                              href={`/projects/${project.id}/issues`}
+                              key={project.id}
+                              legacyBehavior
+                            >
                               <a className="flex justify-between">
                                 <div>
                                   <h3>{project.name}</h3>
-Original file line number
+Diff line change
@@ Expand Up / @@ -158,6 +158,7 @@ const SignIn: NextPage = () => { @@
                       />
                       <Link
                         href={`https://github.com/login/oauth/authorize?client_id=${process.env.NEXT_PUBLIC_GITHUB_ID}&redirect_uri=${loginCallBackURL}`}
+                        legacyBehavior
                       >
                         <button className="w-full bg-black opacity-90 hover:opacity-100 text-white text-sm flex items-center px-3 py-2 rounded duration-300">
                           <Image
@@ Expand Down @@