matrix-art

commit 58f53250d01f63cb738d81d5c7d526d2c3b0b349
parent 4b6cf49ce6261cdcf083eb8285126f576afdc3af
Author: MTRNord <mtrnord1@gmail.com>
Date:   Wed,  5 Jan 2022 16:37:29 +0100

Use PureComponent instead of Component for pages

Diffstat:
M
components/Footer.tsx
 | 
4
++--
M
components/FrontPageImage.tsx
 | 
4
++--
M
components/Header.tsx
 | 
4
++--
M
pages/Home.tsx
 | 
4
++--
M
pages/login.tsx
 | 
4
++--
M
pages/post/[id].tsx
 | 
4
++--
M
pages/profile/[userid].tsx
 | 
4
++--

7 files changed, 14 insertions(+), 14 deletions(-)
diff --git a/components/Footer.tsx b/components/Footer.tsx
@@ -1,7 +1,7 @@
 import Link from "next/link";
-import { Component } from "react";
+import { PureComponent } from "react";
 
-export default class Footer extends Component {
+export default class Footer extends PureComponent {
     render() {
         return (
             <footer className="relative left-0 right-0 bottom-0 h-[25rem] bg-[#fefefe]/[.95] dark:bg-[#14181E]/[.95] flex justify-center items-center">
diff --git a/components/FrontPageImage.tsx b/components/FrontPageImage.tsx
@@ -1,5 +1,5 @@
 import Link from "next/link";
-import { Component } from "react";
+import { PureComponent } from "react";
 import { ImageEvent, ImageGalleryEvent, MatrixEventBase, MatrixImageEvents } from "../helpers/event_types";
 import { constMatrixArtServer } from "../helpers/matrix_client";
 import { ClientContext } from "./ClientContext";
@@ -15,7 +15,7 @@ type State = {
     error: any;
 };
 
-export default class FrontPageImage extends Component<Props, State> {
+export default class FrontPageImage extends PureComponent<Props, State> {
     declare context: React.ContextType<typeof ClientContext>;
 
     constructor(props: Props) {
diff --git a/components/Header.tsx b/components/Header.tsx
@@ -1,8 +1,8 @@
 import Link from "next/link";
-import { Component } from "react";
+import { PureComponent } from "react";
 import { ClientContext } from "./ClientContext";
 
-export default class Header extends Component {
+export default class Header extends PureComponent {
     declare context: React.ContextType<typeof ClientContext>;
     render() {
         return (
diff --git a/pages/Home.tsx b/pages/Home.tsx
@@ -1,4 +1,4 @@
-import React, { Component } from 'react';
+import React, { PureComponent } from 'react';
 import { RingLoader } from 'react-spinners';
 import { MatrixEventBase, MatrixImageEvents } from '../helpers/event_types';
 import Head from 'next/head';
@@ -28,7 +28,7 @@ export const centerSpinner = `
     transform: translate(-50%, -50%);
 `;
 
-export default class Home extends Component<Props, State>{
+export default class Home extends PureComponent<Props, State>{
     declare context: React.ContextType<typeof ClientContext>;
 
     constructor(props: Props) {
diff --git a/pages/login.tsx b/pages/login.tsx
@@ -1,6 +1,6 @@
 import Head from "next/head";
 import { NextRouter, withRouter } from "next/router";
-import { Component, ReactNode } from "react";
+import { PureComponent, ReactNode } from "react";
 import { ClientContext } from "../components/ClientContext";
 import Footer from "../components/Footer";
 import Header from "../components/Header";
@@ -19,7 +19,7 @@ type State = {
     loading: boolean;
 };
 
-class Login extends Component<Props, State> {
+class Login extends PureComponent<Props, State> {
     declare context: React.ContextType<typeof ClientContext>;
 
     constructor(props: Props | Readonly<Props>) {
diff --git a/pages/post/[id].tsx b/pages/post/[id].tsx
@@ -7,7 +7,7 @@ import lgThumbnail from 'lightgallery/plugins/thumbnail';
 import { GetServerSideProps, InferGetServerSidePropsType } from "next";
 import Head from "next/head";
 import { NextRouter, withRouter } from "next/router";
-import { Component, ReactNode } from "react";
+import { PureComponent, ReactNode } from "react";
 import { RingLoader } from "react-spinners";
 import { ClientContext } from "../../components/ClientContext";
 import Header from "../../components/Header";
@@ -37,7 +37,7 @@ type State = {
     error?: any;
 };
 
-class Post extends Component<Props, State> {
+class Post extends PureComponent<Props, State> {
     declare context: React.ContextType<typeof ClientContext>;
 
     constructor(props: Props) {
diff --git a/pages/profile/[userid].tsx b/pages/profile/[userid].tsx
@@ -2,7 +2,7 @@ import { GetServerSideProps, InferGetServerSidePropsType } from "next";
 import Head from "next/head";
 import Link from "next/link";
 import { NextRouter, withRouter } from "next/router";
-import { Component } from "react";
+import { PureComponent } from "react";
 import { ClientContext } from "../../components/ClientContext";
 import Footer from "../../components/Footer";
 import FrontPageImage from "../../components/FrontPageImage";
@@ -23,7 +23,7 @@ type State = {
     hasFullyLoaded: boolean;
 };
 
-class Profile extends Component<Props, State> {
+class Profile extends PureComponent<Props, State> {
     declare context: React.ContextType<typeof ClientContext>;
 
     constructor(props: Props | Readonly<Props>) {