diff --git a/lighthouserc.js b/lighthouserc.js index c0c46bd..8f6f3d3 100644 --- a/lighthouserc.js +++ b/lighthouserc.js @@ -3,7 +3,8 @@ module.exports = { collect: { startServerCommand: "yarn start", url: ["http://localhost:3000"], - numberOfRuns: 5, + numberOfRuns: 2, + // headful: true, // default value is mobile // settings: { // preset: "desktop", @@ -12,7 +13,7 @@ module.exports = { assert: { // Using loose settings for now. Should be tightened for production builds. assertions: { - 'first-contentful-paint': ['error', { maxNumericValue: 4000 }], + 'first-contentful-paint': ['error', { maxNumericValue: 2500 }], 'categories:performance': ['error', { minScore: 0.90 }], 'categories:accessibility': ['error', { minScore: 0.90 }], 'categories:best-practices': ['error', { minScore: 0.90 }], diff --git a/src/containers/Repos/index.tsx b/src/containers/Repos/index.tsx index 704b6e9..21234ce 100644 --- a/src/containers/Repos/index.tsx +++ b/src/containers/Repos/index.tsx @@ -1,5 +1,5 @@ import { Container, CustomCard, If, T } from "@common"; -import { Box, Divider, Link, OutlinedInput, Pagination, FormControl, InputLabel } from "@mui/material"; +import { Box, Divider, OutlinedInput, Pagination, FormControl, InputLabel } from "@mui/material"; import { ErrorState, RepoList } from "@features/repos/components"; import { IRepoError } from "@features/repos/types"; import React, { memo, useEffect, useState } from "react"; @@ -9,6 +9,7 @@ import { useRouter } from "next/router"; import { Trans } from "@lingui/macro"; import { skipToken } from "@reduxjs/toolkit/query"; import styled from "@emotion/styled"; +import Link from "next/link"; interface RepoContainerProps { padding?: number;