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": { "devDependencies": {
"@types/react-slick": "^0.23.10", "@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" "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 { getPage, getPages, getRunningQueriesThunk } from '@/services/pages';
import { reduxStore, wrapper } from "@/lib/redux"; import { reduxStore, wrapper } from '@/lib/redux';
import Internal from "@/components/common/Internal"; import Internal from '@/components/common/Internal';
import { ReactElement } from 'react';
export const getStaticPaths = async () => { export const getStaticPaths = async () => {
const store = reduxStore(); const store = reduxStore();
@@ -32,7 +33,7 @@ export const getStaticProps = wrapper.getStaticProps(
} }
); );
const Page = ({ page }: any) => { const Page = ({ page }: any): ReactElement => {
return ( return (
<Internal> <Internal>
<div className="my-24 md:my-36 w-3/4 mx-auto page-content"> <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 { wrapper } from '@/lib/redux';
import { Provider } from "react-redux"; import { Provider } from 'react-redux';
import type { AppProps } from "next/app"; import type { AppProps } from 'next/app';
import { Analytics } from "@vercel/analytics/react"; import { Analytics } from '@vercel/analytics/react';
import "slick-carousel/slick/slick.css"; import 'slick-carousel/slick/slick.css';
import "slick-carousel/slick/slick-theme.css"; import 'slick-carousel/slick/slick-theme.css';
import "@/styles/globals.css"; import '@/styles/globals.css';
import { config } from "@fortawesome/fontawesome-svg-core"; import { config } from '@fortawesome/fontawesome-svg-core';
import "@fortawesome/fontawesome-svg-core/styles.css"; import '@fortawesome/fontawesome-svg-core/styles.css';
import Loading from "@/components/common/Loading"; import Loading from '@/components/common/Loading';
import { ReactElement } from 'react';
config.autoAddCss = false; config.autoAddCss = false;
export default function App({ Component, ...rest }: AppProps) { export default function App({ Component, ...rest }: AppProps): ReactElement {
const { store, props } = wrapper.useWrappedStore(rest); const { store, props } = wrapper.useWrappedStore(rest);
return ( return (
<Provider store={store}> <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 ( return (
<Html lang="en" className="dark"> <Html lang="en" className="dark">
<Head> <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 Internal from '@/components/common/Internal';
import Link from "next/link"; import { Button } from '@/components/ui/button';
import Model from '@/components/common/Model';
import Internal from "@/components/common/Internal"; import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { Button } from "@/components/ui/button"; import { faGithub, faLinkedin } from '@fortawesome/free-brands-svg-icons';
import Model from "@/components/common/Model"; import { faFileArrowDown } from '@fortawesome/free-solid-svg-icons';
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";
export default function Home(): JSX.Element { export default function Home(): ReactElement {
return ( return (
<Internal hideFooter> <Internal hideFooter>
<div className="flex flex-col justify-center w-full h-screen relative"> <div className="flex flex-col justify-center w-full h-screen relative">
<div className="container relative z-10"> <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"> <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 Software Engineer
<br /> <br />
and Web Designer and Web Designer
@@ -33,7 +35,7 @@ export default function Home(): JSX.Element {
Online Resume Online Resume
</Link> </Link>
</Button> </Button>
<Button variant={"secondary"} asChild className="font-bold"> <Button variant={'secondary'} asChild className="font-bold">
<Link href="/freelance">I need a website made!</Link> <Link href="/freelance">I need a website made!</Link>
</Button> </Button>
<div className="flex align-center"> <div className="flex align-center">
@@ -81,8 +83,8 @@ export default function Home(): JSX.Element {
</div> </div>
<div className="flex flex-col justify-center items-center absolute top-0 left-0 w-full h-screen bg-black"> <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] }}> <Canvas shadows camera={{ position: [4, 2, 2] }}>
<ambientLight intensity={0.1} /> <ambientLight />
<directionalLight color="white" position={[0, 5, 5]} /> <directionalLight color="white" />
<Model /> <Model />
</Canvas> </Canvas>
</div> </div>

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

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