Merge pull request #676 from Giveth/develop

Release 2.0.6

.eslintrc

@@ -1,11 +1,23 @@
 {
+  "plugins": [
+    "import",
+    "unused-imports"
+  ],
   "extends": [
     "next/core-web-vitals",
     "plugin:@next/next/recommended",
-    "plugin:prettier/recommended"
+    "plugin:prettier/recommended",
   ],
   "rules": {
     "react/no-unescaped-entities": "warn",
+    "import/order": ["error", {
+      "groups": ["builtin", "external", ["internal", "parent", "sibling"], "index", "object", "type"]
+    }],
+    "unused-imports/no-unused-imports": "error",
+		"unused-imports/no-unused-vars": [
+			"warn",
+			{ "vars": "all", "varsIgnorePattern": "^_", "args": "after-used", "argsIgnorePattern": "^_" }
+		],
     "prettier/prettier": [
       "error",
       {

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "givethdapp",
-	"version": "2.2.1",
+	"version": "2.0.6",
 	"private": true,
 	"scripts": {
 		"build": "next build",
@@ -80,10 +80,11 @@
 		"eslint-config-next": "^12.0.3",
 		"eslint-config-prettier": "^8.3.0",
 		"eslint-import-resolver-typescript": "^2.5.0",
-		"eslint-plugin-import": "^2.25.2",
+		"eslint-plugin-import": "^2.26.0",
 		"eslint-plugin-prettier": "^4.0.0",
 		"eslint-plugin-react": "^7.27.0",
 		"eslint-plugin-react-hooks": "^4.3.0",
+		"eslint-plugin-unused-imports": "^2.0.0",
 		"prettier": "^2.4.1",
 		"typescript": "4.4.4"
 	}

pages/404.tsx

@@ -1,5 +1,5 @@
-import ErrorsIndex from '@/components/views/Errors/ErrorsIndex';
 import React from 'react';
+import ErrorsIndex from '@/components/views/Errors/ErrorsIndex';
 
 const Custom404 = () => {
 	return <ErrorsIndex statusCode='404' />;

pages/_app.tsx

@@ -1,12 +1,12 @@
 import React, { useEffect } from 'react';
 import Head from 'next/head';
-import type { AppProps } from 'next/app';
 import { Toaster } from 'react-hot-toast';
 import { Web3ReactProvider } from '@web3-react/core';
 import { ApolloProvider } from '@apollo/client';
 import { ExternalProvider, Web3Provider } from '@ethersproject/providers';
 import NProgress from 'nprogress';
 
+import { useRouter } from 'next/router';
 import { NftsProvider } from '@/context/positions.context';
 import { TokenDistroProvider } from '@/context/tokenDistro.context';
 import { SubgraphProvider } from '@/context/subgraph.context';
@@ -19,7 +19,7 @@ import { HeaderWrapper } from '@/components/Header/HeaderWrapper';
 import { FooterWrapper } from '@/components/Footer/FooterWrapper';
 
 import '../styles/globals.css';
-import { useRouter } from 'next/router';
+import type { AppProps } from 'next/app';
 
 function getLibrary(provider: ExternalProvider) {
 	return new Web3Provider(provider);

pages/_error.js

@@ -1,7 +1,7 @@
 import NextErrorComponent from 'next/error';
-import ErrorsIndex from '@/components/views/Errors/ErrorsIndex';
-
 import * as Sentry from '@sentry/nextjs';
+
+import ErrorsIndex from '@/components/views/Errors/ErrorsIndex';
 import { statusCodes } from '@/lib/constants/constants';
 
 const MyError = ({ statusCode, hasGetInitialPropsRun, err }) => {

pages/account.tsx

@@ -1,8 +1,8 @@
 import styled from 'styled-components';
 import { H5 } from '@giveth/ui-design-system';
-import UserPublicProfileView from '@/components/views/userPublicProfile/UserPublicProfile.view';
 import Head from 'next/head';
 import { FC } from 'react';
+import UserPublicProfileView from '@/components/views/userPublicProfile/UserPublicProfile.view';
 import useUser from '@/context/UserProvider';
 
 const NoUserContainer = styled.div`

pages/donate/[slug].tsx

@@ -2,9 +2,10 @@ import React from 'react';
 import Head from 'next/head';
 import dynamic from 'next/dynamic';
 
+import { captureException } from '@sentry/nextjs';
+import { IProjectBySlug } from '@/apollo/types/types';
 import { FETCH_PROJECT_BY_SLUG } from '@/apollo/gql/gqlProjects';
 import { client } from '@/apollo/apolloClient';
-import { IProjectBySlug } from '@/apollo/types/types';
 import { ProjectMeta } from '@/lib/meta';
 
 const DonateIndex = dynamic(
@@ -41,6 +42,11 @@ export async function getServerSideProps(props: { query: { slug: string } }) {
 		};
 	} catch (error) {
 		console.log({ error });
+		captureException(error, {
+			tags: {
+				section: 'Donate SSR',
+			},
+		});
 		return {
 			redirect: {
 				destination: '/',

pages/maintenance.tsx

@@ -1,5 +1,5 @@
-import MaintenanceIndex from '@/components/views/Errors/MaintenanceIndex';
 import React from 'react';
+import MaintenanceIndex from '@/components/views/Errors/MaintenanceIndex';
 
 const Maintenance = () => {
 	return <MaintenanceIndex />;

pages/onboard.tsx

@@ -1,5 +1,5 @@
-import OnboardView from '@/components/views/onboarding/Onboarding.view';
 import Head from 'next/head';
+import OnboardView from '@/components/views/onboarding/Onboarding.view';
 
 const OnboardingRoute = () => {
 	return (

pages/project/[projectIdSlug]/index.tsx

@@ -1,3 +1,4 @@
+import { captureException } from '@sentry/nextjs';
 import { client } from '@/apollo/apolloClient';
 import { FETCH_PROJECT_BY_SLUG } from '@/apollo/gql/gqlProjects';
 import { IProject } from '@/apollo/types/types';
@@ -28,6 +29,11 @@ export async function getServerSideProps(props: {
 		};
 	} catch (e) {
 		console.log({ e });
+		captureException(e, {
+			tags: {
+				section: 'ProjectSSR',
+			},
+		});
 		return {
 			props: {
 				project: null,

pages/test.tsx

@@ -1,8 +1,7 @@
 import Head from 'next/head';
 import styled from 'styled-components';
-import { gToast, ToastType } from '@/components/toasts';
 import { GetServerSideProps } from 'next';
-import { countReset } from 'console';
+import { gToast, ToastType } from '@/components/toasts';
 
 const TestRoute = () => {
 	const notify = () =>

pages/user/[address].tsx

@@ -2,8 +2,8 @@ import { GetServerSideProps } from 'next';
 import Head from 'next/head';
 import { FC } from 'react';
 import styled from 'styled-components';
-import { Container } from '@/components/Grid';
 import { H3 } from '@giveth/ui-design-system';
+import { Container } from '@/components/Grid';
 
 import { client } from '@/apollo/apolloClient';
 import { GET_USER_BY_ADDRESS } from '@/apollo/gql/gqlUser';