From 2605f2807409ff0c7f74e8f34c1ae7ac21d8328d Mon Sep 17 00:00:00 2001 From: Lee Ren Jie Date: Wed, 5 Apr 2023 14:43:59 +0800 Subject: [PATCH] chore:delete white spaces to show 2 space and add ; --- src/App.js | 4 +- src/about/components/Education/Education.js | 4 +- ...ation.module..css => Education.module.css} | 0 .../components/Education/EducationList.js | 4 +- .../components/MyInfo/Hobbies/Hobbies.js | 4 +- .../components/MyInfo/Hobbies/HobbyCard.js | 2 +- .../components/MyInfo/Hobbies/HobbyList.js | 6 +- src/about/components/MyInfo/MyInfo.js | 19 ++- src/about/components/MyInfo/MyInfoCard.js | 24 ++-- src/about/components/Skills/Skills.js | 24 ++-- src/about/components/Skills/SkillsData.js | 9 +- src/about/components/Skills/SkillsGrid.js | 38 +++--- src/about/pages/About.js | 22 ++-- src/blog/component/BlogPosts.js | 8 +- src/blog/component/Post.js | 18 +-- src/blog/pages/Blog.js | 10 +- .../components/Experience/ExperienceList.js | 2 +- src/experience/pages/Experience.js | 22 ++-- src/home/components/CardTitle.js | 17 +-- src/home/components/InfoCard.js | 20 +-- src/home/components/Socials.js | 124 +++++++++--------- src/home/components/TypeWriter.js | 15 +-- src/home/pages/Home.js | 22 ++-- src/projects/components/ProjectCard.js | 20 +-- src/projects/components/ProjectData.js | 4 +- src/projects/components/ProjectList.js | 6 +- src/projects/components/ProjectsTitle.js | 18 +-- src/projects/pages/Projects.js | 8 +- .../components/Background/ParticlesBack.js | 34 +++-- src/shared/components/Footer/Footer.js | 18 +-- src/shared/components/Resume/Resume.js | 28 ++-- src/shared/hooks/windowSize.js | 2 +- 32 files changed, 276 insertions(+), 280 deletions(-) rename src/about/components/Education/{Education.module..css => Education.module.css} (100%) diff --git a/src/App.js b/src/App.js index ca45b34..535015c 100644 --- a/src/App.js +++ b/src/App.js @@ -27,7 +27,7 @@ class App extends Component { ); - } -} + }; +}; export default App; diff --git a/src/about/components/Education/Education.js b/src/about/components/Education/Education.js index b3d2c1f..b8d80bd 100644 --- a/src/about/components/Education/Education.js +++ b/src/about/components/Education/Education.js @@ -1,6 +1,6 @@ import React from 'react'; -import EducationList from './EducationList' -import styles from '../../../shared/styles/Title.module.scss' +import EducationList from './EducationList'; +import styles from '../../../shared/styles/Title.module.scss'; const Education = () => { return( diff --git a/src/about/components/Education/Education.module..css b/src/about/components/Education/Education.module.css similarity index 100% rename from src/about/components/Education/Education.module..css rename to src/about/components/Education/Education.module.css diff --git a/src/about/components/Education/EducationList.js b/src/about/components/Education/EducationList.js index 8397fc3..b3f238f 100644 --- a/src/about/components/Education/EducationList.js +++ b/src/about/components/Education/EducationList.js @@ -1,8 +1,8 @@ import React from "react"; -import styles from "./.module.css"; +import styles from "./Education.module.css"; import { Chrono } from "react-chrono"; import data from "./EducationData"; -import useWindowSize from "../../../shared/hooks/windowSize" +import useWindowSize from "../../../shared/hooks/windowSize"; const EducationList = () => { const size = useWindowSize(); diff --git a/src/about/components/MyInfo/Hobbies/Hobbies.js b/src/about/components/MyInfo/Hobbies/Hobbies.js index 553fe64..009e98f 100644 --- a/src/about/components/MyInfo/Hobbies/Hobbies.js +++ b/src/about/components/MyInfo/Hobbies/Hobbies.js @@ -1,6 +1,6 @@ import React from 'react'; -import HobbyList from './HobbyList' -import styles from './Hobbies.module.css' +import HobbyList from './HobbyList'; +import styles from './Hobbies.module.css'; const Hobbies = () => { const HOBBIES = [ diff --git a/src/about/components/MyInfo/Hobbies/HobbyCard.js b/src/about/components/MyInfo/Hobbies/HobbyCard.js index 78fc13c..5cb2748 100644 --- a/src/about/components/MyInfo/Hobbies/HobbyCard.js +++ b/src/about/components/MyInfo/Hobbies/HobbyCard.js @@ -1,5 +1,5 @@ import React from 'react'; -import styles from './HobbyCard.module.scss' +import styles from './HobbyCard.module.scss'; const HobbyCard = props => { return ( diff --git a/src/about/components/MyInfo/Hobbies/HobbyList.js b/src/about/components/MyInfo/Hobbies/HobbyList.js index e8eb0bb..ad8136c 100644 --- a/src/about/components/MyInfo/Hobbies/HobbyList.js +++ b/src/about/components/MyInfo/Hobbies/HobbyList.js @@ -1,6 +1,6 @@ import React from 'react'; -import styles from './HobbyList.module.scss' -import HobbyCard from './HobbyCard' +import styles from './HobbyList.module.scss'; +import HobbyCard from './HobbyCard'; const HobbyList = props => { return( @@ -15,7 +15,7 @@ const HobbyList = props => { /> ))} - ) + ); }; export default HobbyList; \ No newline at end of file diff --git a/src/about/components/MyInfo/MyInfo.js b/src/about/components/MyInfo/MyInfo.js index b06fe09..8ed544b 100644 --- a/src/about/components/MyInfo/MyInfo.js +++ b/src/about/components/MyInfo/MyInfo.js @@ -5,16 +5,15 @@ import Hobbies from './Hobbies/Hobbies' import style from '../../../shared/styles/Title.module.scss' const MyInfo = () => { - return( -
-
-

About Me

-
- - -
- - ) + return( +
+
+

About Me

+
+ + +
+ ); }; export default MyInfo; \ No newline at end of file diff --git a/src/about/components/MyInfo/MyInfoCard.js b/src/about/components/MyInfo/MyInfoCard.js index d740f29..ff46c78 100644 --- a/src/about/components/MyInfo/MyInfoCard.js +++ b/src/about/components/MyInfo/MyInfoCard.js @@ -1,23 +1,23 @@ import React from 'react'; -import styles from './MyInfoCard.module.scss' +import styles from './MyInfoCard.module.scss'; const aboutInfo = "My name is Lee Ren Jie. I am aspiring to be a Web/Block Chain Developer! "+ "I am a computer science student studying at Asia Pacific University. I am also a passionate and curious person. "+ "I write articles on Hashnode and do self-learning to keep myself updated with the cutting-edge technologies. " + - "I love sports, music, and sushi 🍣! " + "I love sports, music, and sushi 🍣! "; const MyInfoCard = () => { - return( -
-
-
-
- Avatar -
-

{aboutInfo}

-
+ return( +
+
+
+
+ Avatar
- ) +

{aboutInfo}

+
+
+ ); }; export default MyInfoCard; \ No newline at end of file diff --git a/src/about/components/Skills/Skills.js b/src/about/components/Skills/Skills.js index ec9437b..b802f49 100644 --- a/src/about/components/Skills/Skills.js +++ b/src/about/components/Skills/Skills.js @@ -1,19 +1,19 @@ import React from 'react'; // import styles from './Skills.module.scss' -import style from '../../../shared/styles/Title.module.scss' -import SkillsGrid from './SkillsGrid' +import style from '../../../shared/styles/Title.module.scss'; +import SkillsGrid from './SkillsGrid'; const Skills = () => { - return( -
-
-

- My Skillsets -

-
- -
- ) + return( +
+
+

+ My Skillsets +

+
+ +
+ ) }; export default Skills; \ No newline at end of file diff --git a/src/about/components/Skills/SkillsData.js b/src/about/components/Skills/SkillsData.js index d22a26f..924ff97 100644 --- a/src/about/components/Skills/SkillsData.js +++ b/src/about/components/Skills/SkillsData.js @@ -1,5 +1,5 @@ import React from 'react'; -import SkillsGrid from './SkillsGrid' +import SkillsGrid from './SkillsGrid'; // Add tags: https://dev.to/prvnbist/create-a-tags-input-component-in-reactjs-ki // Filter tags: https://codepen.io/nregard/pen/KGbvoG @@ -7,23 +7,20 @@ const SkillsData = () => { const SKILLS = [ { id: 'Ruby on Rails', - }, { id: 'Python', - }, { id: 'React', - }, ]; - return( + return (
- ) + ); }; export default SkillsData; \ No newline at end of file diff --git a/src/about/components/Skills/SkillsGrid.js b/src/about/components/Skills/SkillsGrid.js index b1a8d11..4e9800f 100644 --- a/src/about/components/Skills/SkillsGrid.js +++ b/src/about/components/Skills/SkillsGrid.js @@ -1,5 +1,5 @@ import React from 'react'; -import styles from './SkillsGrid.module.scss' +import styles from './SkillsGrid.module.scss'; import { CSSGrid, measureItems, makeResponsive, layout } from 'react-stonecutter'; const Grid = makeResponsive(measureItems(CSSGrid), { @@ -8,24 +8,24 @@ const Grid = makeResponsive(measureItems(CSSGrid), { }); const SkillsGrid = () => { - return( -
- -
  • A
    • -
  • B
    • -
  • C
    • -     -
    - ) + return ( +
    + +
  • A
    • +
  • B
    • +
  • C
    • +     +
    + ); }; export default SkillsGrid; \ No newline at end of file diff --git a/src/about/pages/About.js b/src/about/pages/About.js index 8940efe..6fca55b 100644 --- a/src/about/pages/About.js +++ b/src/about/pages/About.js @@ -1,18 +1,18 @@ import React from 'react'; -import Education from '../components/Education/Education' -import MyInfo from '../components/MyInfo/MyInfo' -import Skills from '../components/Skills/Skills' +import Education from '../components/Education/Education'; +import MyInfo from '../components/MyInfo/MyInfo'; +import Skills from '../components/Skills/Skills'; // import Footer from "../../shared/components/Footer/Footer" const About = () => { - return( -
    - - - - {/*
    */} -
    - ) + return( +
    + + + + {/*
    */} +
    + ); }; export default About; \ No newline at end of file diff --git a/src/blog/component/BlogPosts.js b/src/blog/component/BlogPosts.js index cfee0bc..647942e 100644 --- a/src/blog/component/BlogPosts.js +++ b/src/blog/component/BlogPosts.js @@ -26,7 +26,7 @@ class BlogPosts extends React.Component { componentDidMount() { this.fetchPosts(); - } + }; fetchPosts = async () => { const response = await fetch('https://api.hashnode.com', { @@ -35,7 +35,7 @@ class BlogPosts extends React.Component { 'Content-type': 'application/json', }, body: JSON.stringify({ query }), - }) + }); const ApiResponse = await response.json(); // console.log(ApiResponse.data.user.publication.posts); @@ -54,7 +54,7 @@ class BlogPosts extends React.Component { ))}
    ); - } -} + }; +}; export default BlogPosts; diff --git a/src/blog/component/Post.js b/src/blog/component/Post.js index 530d3a1..c5266fb 100644 --- a/src/blog/component/Post.js +++ b/src/blog/component/Post.js @@ -1,14 +1,14 @@ import React from 'react'; -import './Post.scss' +import './Post.scss'; const Post = ({ post }) => { - return ( -
    - {post.title} -

    {post.title}

    -

    {post.brief}

    -
    - ) -} + return ( +
    + {post.title} +

    {post.title}

    +

    {post.brief}

    +
    + ); +}; export default Post; \ No newline at end of file diff --git a/src/blog/pages/Blog.js b/src/blog/pages/Blog.js index b884d60..e2b0b3d 100644 --- a/src/blog/pages/Blog.js +++ b/src/blog/pages/Blog.js @@ -1,19 +1,19 @@ import React from 'react'; import BlogPosts from '../component/BlogPosts.js'; -import styles from '../../shared/styles/Title.module.scss' -import './Blog.scss' +import styles from '../../shared/styles/Title.module.scss'; +import './Blog.scss'; const Blog = () => { return(

    - Latest Blogs + Latest Blogs

    - ) -} + ); +}; export default Blog; \ No newline at end of file diff --git a/src/experience/components/Experience/ExperienceList.js b/src/experience/components/Experience/ExperienceList.js index c975cc5..4d4099c 100644 --- a/src/experience/components/Experience/ExperienceList.js +++ b/src/experience/components/Experience/ExperienceList.js @@ -2,7 +2,7 @@ import React from "react"; import styles from "./Experience.module.css"; import { Chrono } from "react-chrono"; import history from "./ExperienceData"; -import useWindowSize from "../../../shared/hooks/windowSize" +import useWindowSize from "../../../shared/hooks/windowSize"; const ExperienceList = () => { const size = useWindowSize(); diff --git a/src/experience/pages/Experience.js b/src/experience/pages/Experience.js index fe1fe6e..a7cc8db 100644 --- a/src/experience/pages/Experience.js +++ b/src/experience/pages/Experience.js @@ -1,19 +1,19 @@ import React from 'react'; // import Footer from "../../shared/components/Footer/Footer" -import styles from '../../shared/styles/Title.module.scss' +import styles from '../../shared/styles/Title.module.scss'; import ExperienceList from '../components/Experience/ExperienceList'; const Experience = () => { - return( -
    -
    -

    - Experiences -

    -
    - -
    - ) + return( +
    +
    +

    + Experiences +

    +
    + +
    + ); }; export default Experience; \ No newline at end of file diff --git a/src/home/components/CardTitle.js b/src/home/components/CardTitle.js index bc0083a..0670893 100644 --- a/src/home/components/CardTitle.js +++ b/src/home/components/CardTitle.js @@ -1,13 +1,14 @@ import React from 'react'; -import styles from './CardTitle.module.css' +import styles from './CardTitle.module.css'; const CardTitle = () => { - return( -
    - Avatar -
    Hey there, I am
    -

    LEE REN JIE

    -
    ) -} + return( +
    + Avatar +
    Hey there, I am
    +

    LEE REN JIE

    +
    + ); +}; export default CardTitle; \ No newline at end of file diff --git a/src/home/components/InfoCard.js b/src/home/components/InfoCard.js index e856467..f8d95da 100644 --- a/src/home/components/InfoCard.js +++ b/src/home/components/InfoCard.js @@ -1,17 +1,17 @@ import React from 'react'; -import styles from './InfoCard.module.css' -import CardTitle from './CardTitle' -import TypeWriter from './TypeWriter' +import styles from './InfoCard.module.css'; +import CardTitle from './CardTitle'; +import TypeWriter from './TypeWriter'; const InfoCard = () => { - return( + return(
    -
    - - -
    +
    + + +
    - ) -} + ); +}; export default InfoCard; \ No newline at end of file diff --git a/src/home/components/Socials.js b/src/home/components/Socials.js index 94b8d73..e5e5b17 100644 --- a/src/home/components/Socials.js +++ b/src/home/components/Socials.js @@ -1,71 +1,73 @@ import React from 'react'; -import styles from './Socials.module.css' +import styles from './Socials.module.css'; const Socials = () => { - return( -
    - - - + return( +
    + + + - - - + + + - - - + + + - - - + + + - - - - - - - - - -
    - ) + + + + + + + + + + + +
    + ); }; export default Socials; \ No newline at end of file diff --git a/src/home/components/TypeWriter.js b/src/home/components/TypeWriter.js index be9eb29..8fe11a8 100644 --- a/src/home/components/TypeWriter.js +++ b/src/home/components/TypeWriter.js @@ -1,8 +1,7 @@ -import React from 'react' -import styles from './TypeWriter.module.css' - -import Typewriter from 'react-simple-typewriter' -import 'react-simple-typewriter/dist/index.css' +import React from 'react'; +import styles from './TypeWriter.module.css'; +import Typewriter from 'react-simple-typewriter'; +import 'react-simple-typewriter/dist/index.css'; const TypeWriter = () => { const allWords= [ @@ -10,7 +9,7 @@ const TypeWriter = () => { 'Web Developer.', 'Block Chain Enthusiast.', 'Blogger.' -] +]; return (
    @@ -29,7 +28,7 @@ const TypeWriter = () => {
    - ) -} + ); +}; export default TypeWriter; \ No newline at end of file diff --git a/src/home/pages/Home.js b/src/home/pages/Home.js index 77019a7..b1b4e8a 100644 --- a/src/home/pages/Home.js +++ b/src/home/pages/Home.js @@ -1,18 +1,18 @@ import React from 'react'; -import ParticlesBack from '../../shared/components/Background/ParticlesBack' -import InfoCard from '../components/InfoCard' -import Socials from '../components/Socials' +import ParticlesBack from '../../shared/components/Background/ParticlesBack'; +import InfoCard from '../components/InfoCard'; +import Socials from '../components/Socials'; // import Footer from "../../shared/components/Footer/Footer" const Home = () => { - return( - <> - - - - {/*