fdel/portfolio-wordpress
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Removing ESLint for now. Causing WAY too many headaches

Browse Source
This commit is contained in:
Frank
2024-04-09 13:39:05 -06:00
parent 12000ecd0d
commit 0f69161eb3
8 changed files with 1122 additions and 1131 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
.eslintrc.json
View File

@@ -1,19 +0,0 @@
{
"env": {
"browser": true,
"es2021": true
},
"extends": [
"standard-with-typescript",
"plugin:react/recommended"
],
"parserOptions": {
"ecmaVersion": "latest",
"sourceType": "module"
},
"plugins": [
"react"
],
"rules": {
}
}

2124
package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

7
package.json
View File

@@ -49,13 +49,6 @@
},
"devDependencies": {
"@types/react-slick": "^0.23.10",
"@typescript-eslint/eslint-plugin": "^6.21.0",
"eslint": "^8.57.0",
"eslint-config-standard-with-typescript": "^43.0.1",
"eslint-plugin-import": "^2.29.1",
"eslint-plugin-n": "^16.6.2",
"eslint-plugin-promise": "^6.1.1",
"eslint-plugin-react": "^7.34.1",
"typescript": "^5.4.3"
}
}

11
src/pages/[slug].tsx
View File

@@ -1,8 +1,9 @@
import parser from "html-react-parser";
import parser from 'html-react-parser';
import { getPage, getPages, getRunningQueriesThunk } from "@/services/pages";
import { reduxStore, wrapper } from "@/lib/redux";
import Internal from "@/components/common/Internal";
import { getPage, getPages, getRunningQueriesThunk } from '@/services/pages';
import { reduxStore, wrapper } from '@/lib/redux';
import Internal from '@/components/common/Internal';
import { ReactElement } from 'react';
export const getStaticPaths = async () => {
const store = reduxStore();
@@ -32,7 +33,7 @@ export const getStaticProps = wrapper.getStaticProps(
}
);
const Page = ({ page }: any) => {
const Page = ({ page }: any): ReactElement => {
return (
<Internal>
<div className="my-24 md:my-36 w-3/4 mx-auto page-content">

23
src/pages/_app.tsx
View File

@@ -1,17 +1,18 @@
import { wrapper } from "@/lib/redux";
import { Provider } from "react-redux";
import type { AppProps } from "next/app";
import { Analytics } from "@vercel/analytics/react";
import "slick-carousel/slick/slick.css";
import "slick-carousel/slick/slick-theme.css";
import { wrapper } from '@/lib/redux';
import { Provider } from 'react-redux';
import type { AppProps } from 'next/app';
import { Analytics } from '@vercel/analytics/react';
import 'slick-carousel/slick/slick.css';
import 'slick-carousel/slick/slick-theme.css';
import "@/styles/globals.css";
import { config } from "@fortawesome/fontawesome-svg-core";
import "@fortawesome/fontawesome-svg-core/styles.css";
import Loading from "@/components/common/Loading";
import '@/styles/globals.css';
import { config } from '@fortawesome/fontawesome-svg-core';
import '@fortawesome/fontawesome-svg-core/styles.css';
import Loading from '@/components/common/Loading';
import { ReactElement } from 'react';
config.autoAddCss = false;
export default function App({ Component, ...rest }: AppProps) {
export default function App({ Component, ...rest }: AppProps): ReactElement {
const { store, props } = wrapper.useWrappedStore(rest);
return (
<Provider store={store}>

6
src/pages/_document.tsx
View File

@@ -1,6 +1,8 @@
import { Html, Head, Main, NextScript } from "next/document";
import React from 'react';
import { ReactElement } from 'react';
import { Html, Head, Main, NextScript } from 'next/document';
export default function Document() {
export default function Document(): ReactElement {
return (
<Html lang="en" className="dark">
<Head>

30
src/pages/index.tsx
View File

@@ -1,22 +1,24 @@
"use client";
'use client';
import type { ReactElement } from 'react';
import React from 'react';
import { Canvas } from '@react-three/fiber';
import Link from 'next/link';
import { Canvas } from "@react-three/fiber";
import Link from "next/link";
import Internal from '@/components/common/Internal';
import { Button } from '@/components/ui/button';
import Model from '@/components/common/Model';
import Internal from "@/components/common/Internal";
import { Button } from "@/components/ui/button";
import Model from "@/components/common/Model";
import { useState } from "react";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { faGithub, faLinkedin } from "@fortawesome/free-brands-svg-icons";
import { faFile, faFileArrowDown } from "@fortawesome/free-solid-svg-icons";
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { faGithub, faLinkedin } from '@fortawesome/free-brands-svg-icons';
import { faFileArrowDown } from '@fortawesome/free-solid-svg-icons';
export default function Home(): JSX.Element {
export default function Home(): ReactElement {
return (
<Internal hideFooter>
<div className="flex flex-col justify-center w-full h-screen relative">
<div className="container relative z-10">
<h1 className="text-4xl md:text-[64px] mt-24 md:mt-0 text-primary font-sans font-bold leading-none">
Front End <br />
Software Engineer
<br />
and Web Designer
@@ -33,7 +35,7 @@ export default function Home(): JSX.Element {
Online Resume
</Link>
</Button>
<Button variant={"secondary"} asChild className="font-bold">
<Button variant={'secondary'} asChild className="font-bold">
<Link href="/freelance">I need a website made!</Link>
</Button>
<div className="flex align-center">
@@ -81,8 +83,8 @@ export default function Home(): JSX.Element {
</div>
<div className="flex flex-col justify-center items-center absolute top-0 left-0 w-full h-screen bg-black">
<Canvas shadows camera={{ position: [4, 2, 2] }}>
<ambientLight intensity={0.1} />
<directionalLight color="white" position={[0, 5, 5]} />
<ambientLight />
<directionalLight color="white" />
<Model />
</Canvas>
</div>

33
src/pages/portfolio/index.tsx
View File

@@ -1,23 +1,22 @@
import Link from "next/link";
import parser from "html-react-parser";
import Slider from "react-slick";
import React, { useEffect, useRef, useState } from 'react';
import Link from 'next/link';
import parser from 'html-react-parser';
import Slider from 'react-slick';
import {
getProjects,
getRunningQueriesThunk,
useGetProjectQuery,
} from "@/services/portfolio";
import { wrapper } from "@/lib/redux";
import Internal from "@/components/common/Internal";
import { useCallback, useEffect, useRef, useState } from "react";
import Image from "next/image";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
} from '@/services/portfolio';
import { wrapper } from '@/lib/redux';
import Internal from '@/components/common/Internal';
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import {
faArrowLeft,
faArrowRight,
faSpinner,
} from "@fortawesome/free-solid-svg-icons";
import { Button } from "@/components/ui/button";
} from '@fortawesome/free-solid-svg-icons';
import { Button } from '@/components/ui/button';
export const getStaticProps = wrapper.getStaticProps(
(store) => async (context) => {
@@ -36,7 +35,7 @@ export const getStaticProps = wrapper.getStaticProps(
);
export default function Portfolio({ projects }: any): JSX.Element {
const [selectedID, setSelectedID] = useState<string | undefined>("");
const [selectedID, setSelectedID] = useState<string | undefined>('');
const [carouselChange, setCarouselChange] = useState<number>(0);
const { data: project, isLoading } = useGetProjectQuery(selectedID);
const customSlider = useRef<any>();
@@ -51,12 +50,12 @@ export default function Portfolio({ projects }: any): JSX.Element {
},
});
const nextSlide = () => customSlider.current.slickNext();
const previousSlide = () => customSlider.current.slickPrev();
const nextSlide = (): void => customSlider.current.slickNext();
const previousSlide = (): void => customSlider.current.slickPrev();
useEffect(() => {
const element = document.getElementsByClassName("slick-current")[0];
const ID = element.querySelector("img")?.dataset.projectid;
const element = document.getElementsByClassName('slick-current')[0];
const ID = element.querySelector('img')?.dataset.projectid;
setSelectedID(ID);
}, [carouselChange]);
return (
@@ -68,8 +67,6 @@ export default function Portfolio({ projects }: any): JSX.Element {
<p>Here&apos;s all my latest projects, and the technologies used!</p>
</div>
<div className="container mb-12">
{/*
// @ts-ignore */}
<Slider {...sliderSettings} ref={customSlider}>
{projects.map(({ id, acm_fields }: any) => (
<div className="md:px-2 outline-none" key={id}>