Os fixes

components/AuthorClaimCaseDashboard/AuthorClaimCaseCardTargetAuthorSection.tsx

@@ -17,7 +17,7 @@ const getPaperUrl = (caseData: any) => {
   if (caseData?.paper) {
     return `/paper/${caseData?.paper?.id}/${caseData?.paper?.slug}`;
   } else {
-    if (caseData?.targetPaperDOI.indexOf("doi.org") > -1) {
+    if (caseData?.targetPaperDOI?.indexOf("doi.org") > -1) {
       return caseData?.targetPaperDOI;
     }
     return "https://doi.org/" + caseData?.targetPaperDOI;
@@ -30,7 +30,6 @@ export default function AuthorClaimCaseCardTargetAuthorSection({
   requestor,
 }: Props): ReactElement<"div"> {
   const paperUrl = getPaperUrl(caseData);
-  console.log("requestor", requestor);
   return (
     <div className={css(styles.targetAuthorSection)}>
       <div className={css(styles.caseDetails)}>

components/Document/DocumentViewer.tsx

@@ -499,6 +499,7 @@ const styles = StyleSheet.create({
     position: "relative",
     justifyContent: "center",
     width: "100%",
+    zIndex: 2,
   },
   scroll: {
     overflowX: "scroll",

components/Navbar.js

@@ -256,6 +256,7 @@ const styles = StyleSheet.create({
   signUpBtn: {
     width: 90,
     fontSize: 16,
+    marginRight: 16,
   },
   navbarContainer: {
     alignItems: "center",
@@ -270,6 +271,7 @@ const styles = StyleSheet.create({
     justifyContent: "space-between",
     left: 0,
     padding: "0 0px 0 28px",
+
     position: "sticky",
     top: 0,
     width: "100%",

components/Paper/Upload/styles/formGenericStyles.ts

@@ -90,21 +90,20 @@ export const formGenericStyles = StyleSheet.create({
     marginTop: 40,
     overflowY: "scroll",
     [`@media only screen and (max-width: ${breakpoints.medium.str})`]: {
-      width: 600,
       padding: 32,
       marginTop: 16,
     },
     [`@media only screen and (max-width: 767px)`]: {
       width: "calc(100% - 16px)",
       padding: 16,
-      boxSizing: 'border-box',
+      boxSizing: "border-box",
       border: 0,
     },
   },
   textArea: {
     "@media only screen and (max-width: 767px)": {
       marginTop: 16,
-    }
+    },
   },
   header: {
     fontSize: 22,
@@ -193,9 +192,8 @@ export const formGenericStyles = StyleSheet.create({
   },
   container: {
     marginBottom: 10,
-    width: 600,
     "@media only screen and (max-width: 767px)": {
-      width: '100%',
+      width: "100%",
     },
     "@media only screen and (max-width: 415px)": {
       width: 338,
@@ -210,7 +208,7 @@ export const formGenericStyles = StyleSheet.create({
     marginBottom: 20,
     width: 600,
     "@media only screen and (max-width: 767px)": {
-      width: '100%',
+      width: "100%",
     },
     "@media only screen and (max-width: 415px)": {
       width: 338,

config/auth/ensureAuthenticated.ts

@@ -27,7 +27,7 @@ export default async function ensureAuthenticated({
       .then(Helpers.parseJSON);
   } catch (error: any) {
     const isAuthError =
-      error.response.status === 401 || error.response.status === 403;
+      error?.response?.status === 401 || error?.response?.status === 403;
 
     if (isAuthError) {
       return {

pages/notebook/index.tsx

@@ -29,22 +29,21 @@ export async function getServerSideProps(ctx) {
   let orgsResponse: Response;
   try {
     orgsResponse = await fetchUserOrgs({ url }, authToken);
-  }
-  catch (error: any) {
+  } catch (error: any) {
     if (error?.response?.status === 401) {
       return {
         redirect: {
           destination: `/login?redirect=${ctx.req.url}`,
           permanent: false,
         },
       };
-    }
-    else {
+    } else {
+      console.log(error);
       return {
         props: {
           errorCode: 500,
         },
-      }
+      };
     }
   }