From 28530ed2f2832485588061c03a249ca23b242e2a Mon Sep 17 00:00:00 2001 From: SrIzan10 <66965250+SrIzan10@users.noreply.github.com> Date: Mon, 13 Nov 2023 20:57:10 +0100 Subject: [PATCH] chore: change css paths --- package.json | 2 + src/assets/osulogo.svg | 1 - src/assets/react.svg | 1 - src/components/BlogNavBar.tsx | 2 +- src/components/BlogPost.tsx | 2 +- src/components/BlogPostCard.tsx | 2 +- src/main.tsx | 2 +- src/pages/App.tsx | 2 +- src/pages/Blog.tsx | 2 +- yarn.lock | 68 +++++++++++++++++++++++++++++++++ 10 files changed, 76 insertions(+), 8 deletions(-) delete mode 100644 src/assets/osulogo.svg delete mode 100644 src/assets/react.svg diff --git a/package.json b/package.json index 4568c3d..924b82c 100644 --- a/package.json +++ b/package.json @@ -17,6 +17,7 @@ "@fortawesome/free-regular-svg-icons": "^6.4.0", "@fortawesome/free-solid-svg-icons": "^6.4.0", "@fortawesome/react-fontawesome": "^0.2.0", + "@giscus/react": "^2.3.0", "@mui/icons-material": "^5.14.12", "@mui/material": "^5.14.5", "@types/react-helmet": "^6.1.6", @@ -31,6 +32,7 @@ "react-markdown": "^8.0.7", "react-router-dom": "^6.15.0", "react-syntax-highlighter": "^15.5.0", + "react-topbar-progress-indicator": "^4.1.1", "remark-gfm": "^3.0.1" }, "devDependencies": { diff --git a/src/assets/osulogo.svg b/src/assets/osulogo.svg deleted file mode 100644 index 3ad9bc8..0000000 --- a/src/assets/osulogo.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/src/assets/react.svg b/src/assets/react.svg deleted file mode 100644 index 07ed375..0000000 --- a/src/assets/react.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/src/components/BlogNavBar.tsx b/src/components/BlogNavBar.tsx index b720df9..ef4f11f 100644 --- a/src/components/BlogNavBar.tsx +++ b/src/components/BlogNavBar.tsx @@ -1,5 +1,5 @@ import { useEffect, useState } from 'react'; -import './BlogNavBar.css' +import '../css/BlogNavBar.css' import { Link } from 'react-router-dom'; export function BlogNavBar(props: Props) { diff --git a/src/components/BlogPost.tsx b/src/components/BlogPost.tsx index a237bb7..721329a 100644 --- a/src/components/BlogPost.tsx +++ b/src/components/BlogPost.tsx @@ -6,7 +6,7 @@ import remarkGfm from 'remark-gfm' import { Prism as SyntaxHighlighter } from 'react-syntax-highlighter'; import { atomDark } from 'react-syntax-highlighter/dist/esm/styles/prism' import { BlogNavBar } from "./BlogNavBar.tsx"; -import './BlogPost.css'; +import '../css/BlogPost.css'; export function BlogPost() { const id = Number(useParams().id); diff --git a/src/components/BlogPostCard.tsx b/src/components/BlogPostCard.tsx index adac072..eaac343 100644 --- a/src/components/BlogPostCard.tsx +++ b/src/components/BlogPostCard.tsx @@ -4,7 +4,7 @@ import CardContent from '@mui/material/CardContent'; import Typography from '@mui/material/Typography'; import dayjs from 'dayjs' import customParseFormat from 'dayjs/plugin/customParseFormat.js' -import './BlogPostCard.css' +import '../css/BlogPostCard.css' import { Button, CardActions } from "@mui/material"; import {Link} from "react-router-dom"; dayjs.extend(customParseFormat) diff --git a/src/main.tsx b/src/main.tsx index b197859..bc056f9 100644 --- a/src/main.tsx +++ b/src/main.tsx @@ -1,7 +1,7 @@ import React from 'react' import ReactDOM from 'react-dom/client' import App from './pages/App.tsx' -import './index.css' +import './css/index.css' import { createBrowserRouter, RouterProvider } from "react-router-dom"; import { ThemeProvider, createTheme } from '@mui/material/styles'; import Blog from "./pages/Blog.tsx"; diff --git a/src/pages/App.tsx b/src/pages/App.tsx index 5e1481f..9fad963 100644 --- a/src/pages/App.tsx +++ b/src/pages/App.tsx @@ -1,4 +1,4 @@ -import './App.css' +import './css/App.css' import React from 'react' import { FontAwesomeIcon } from '@fortawesome/react-fontawesome' import { faDiscord, faGithub, faMastodon, faTwitter } from '@fortawesome/free-brands-svg-icons' diff --git a/src/pages/Blog.tsx b/src/pages/Blog.tsx index dc669ee..37a28b4 100644 --- a/src/pages/Blog.tsx +++ b/src/pages/Blog.tsx @@ -1,4 +1,4 @@ -import './Blog.css'; +import './css/Blog.css'; import { Helmet } from 'react-helmet'; import blogPosts from '../../blogPosts.json' import BlogPostCard from "../components/BlogPostCard.tsx"; diff --git a/yarn.lock b/yarn.lock index 6a3575c..49e9f29 100644 --- a/yarn.lock +++ b/yarn.lock @@ -537,6 +537,13 @@ dependencies: prop-types "^15.8.1" +"@giscus/react@^2.3.0": + version "2.3.0" + resolved "https://registry.yarnpkg.com/@giscus/react/-/react-2.3.0.tgz#1c13f2f96bb67684d4f5288dc1ed3155ff307ce4" + integrity sha512-tj79B+NNBfidhPdXJqWoqRm5Jhoc6CBhXMYwBR9nwTwsrdaB/spcQXmHpKcUuOdXZtlYSwMfCFcBogMNbD+gKQ== + dependencies: + giscus "^1.3.0" + "@humanwhocodes/config-array@^0.11.10": version "0.11.10" resolved "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.10.tgz" @@ -605,6 +612,18 @@ "@jridgewell/resolve-uri" "3.1.0" "@jridgewell/sourcemap-codec" "1.4.14" +"@lit-labs/ssr-dom-shim@^1.0.0", "@lit-labs/ssr-dom-shim@^1.1.0": + version "1.1.2" + resolved "https://registry.yarnpkg.com/@lit-labs/ssr-dom-shim/-/ssr-dom-shim-1.1.2.tgz#d693d972974a354034454ec1317eb6afd0b00312" + integrity sha512-jnOD+/+dSrfTWYfSXBXlo5l5f0q1UuJo3tkbMDCYA2lKUYq79jaxqtGEvnRoh049nt1vdo1+45RinipU6FGY2g== + +"@lit/reactive-element@^1.3.0", "@lit/reactive-element@^1.6.0": + version "1.6.3" + resolved "https://registry.yarnpkg.com/@lit/reactive-element/-/reactive-element-1.6.3.tgz#25b4eece2592132845d303e091bad9b04cdcfe03" + integrity sha512-QuTgnG52Poic7uM1AN5yJ09QMe0O28e10XzSvWDz02TJiiKee4stsiownEIadWm8nYzyDAyT+gKzUoZmiWQtsQ== + dependencies: + "@lit-labs/ssr-dom-shim" "^1.0.0" + "@mui/base@5.0.0-beta.11": version "5.0.0-beta.11" resolved "https://registry.yarnpkg.com/@mui/base/-/base-5.0.0-beta.11.tgz#0124d336f1931c6cd5f0008d015df5bd8fafd3a8" @@ -844,6 +863,11 @@ resolved "https://registry.npmjs.org/@types/semver/-/semver-7.5.0.tgz" integrity sha512-G8hZ6XJiHnuhQKR7ZmysCeJWE08o8T0AXtk5darsCaTVsYZhhgUrq53jizaR2FvsoeCwJhlmwTjkXBY5Pn/ZHw== +"@types/trusted-types@^2.0.2": + version "2.0.6" + resolved "https://registry.yarnpkg.com/@types/trusted-types/-/trusted-types-2.0.6.tgz#d12451beaeb9c3838f12024580dc500b7e88b0ad" + integrity sha512-HYtNooPvUY9WAVRBr4u+4Qa9fYD1ze2IUlAD3HoA6oehn1taGwBx3Oa52U4mTslTS+GAExKpaFu39Y5xUEwfjg== + "@types/unist@^2", "@types/unist@^2.0.0": version "2.0.7" resolved "https://registry.yarnpkg.com/@types/unist/-/unist-2.0.7.tgz#5b06ad6894b236a1d2bd6b2f07850ca5c59cf4d6" @@ -1568,6 +1592,13 @@ gensync@^1.0.0-beta.2: resolved "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz" integrity sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg== +giscus@^1.3.0: + version "1.3.0" + resolved "https://registry.yarnpkg.com/giscus/-/giscus-1.3.0.tgz#b413e6e39b7c3aa96c2d2838df99bbf75fd4709d" + integrity sha512-A3tVLgSmpnh2sX9uGjo9MbzmTTEJirSyFUPRvkipvy37y9rhxUYDoh9kO37QVrP7Sc7QuJ+gihB6apkO0yDyTw== + dependencies: + lit "^2.7.5" + glob-parent@^5.1.2: version "5.1.2" resolved "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz" @@ -1894,6 +1925,31 @@ lines-and-columns@^1.1.6: resolved "https://registry.yarnpkg.com/lines-and-columns/-/lines-and-columns-1.2.4.tgz#eca284f75d2965079309dc0ad9255abb2ebc1632" integrity sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg== +lit-element@^3.3.0: + version "3.3.3" + resolved "https://registry.yarnpkg.com/lit-element/-/lit-element-3.3.3.tgz#10bc19702b96ef5416cf7a70177255bfb17b3209" + integrity sha512-XbeRxmTHubXENkV4h8RIPyr8lXc+Ff28rkcQzw3G6up2xg5E8Zu1IgOWIwBLEQsu3cOVFqdYwiVi0hv0SlpqUA== + dependencies: + "@lit-labs/ssr-dom-shim" "^1.1.0" + "@lit/reactive-element" "^1.3.0" + lit-html "^2.8.0" + +lit-html@^2.8.0: + version "2.8.0" + resolved "https://registry.yarnpkg.com/lit-html/-/lit-html-2.8.0.tgz#96456a4bb4ee717b9a7d2f94562a16509d39bffa" + integrity sha512-o9t+MQM3P4y7M7yNzqAyjp7z+mQGa4NS4CxiyLqFPyFWyc4O+nodLrkrxSaCTrla6M5YOLaT3RpbbqjszB5g3Q== + dependencies: + "@types/trusted-types" "^2.0.2" + +lit@^2.7.5: + version "2.8.0" + resolved "https://registry.yarnpkg.com/lit/-/lit-2.8.0.tgz#4d838ae03059bf9cafa06e5c61d8acc0081e974e" + integrity sha512-4Sc3OFX9QHOJaHbmTMk28SYgVxLN3ePDjg7hofEft2zWlehFL3LiAuapWc4U/kYwMYJSh2hTCPZ6/LIC7ii0MA== + dependencies: + "@lit/reactive-element" "^1.6.0" + lit-element "^3.3.0" + lit-html "^2.8.0" + locate-path@^6.0.0: version "6.0.0" resolved "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz" @@ -2683,6 +2739,13 @@ react-syntax-highlighter@^15.5.0: prismjs "^1.27.0" refractor "^3.6.0" +react-topbar-progress-indicator@^4.1.1: + version "4.1.1" + resolved "https://registry.yarnpkg.com/react-topbar-progress-indicator/-/react-topbar-progress-indicator-4.1.1.tgz#58d89114b8ddc2ec6e6235495bff7ab39900d100" + integrity sha512-Oy3ENNKfymt16zoz5SYy/WOepMurB0oeZEyvuHm8JZ3jrTCe1oAUD7fG6HhYt5sg8Wcg5gdkzSWItaFF6c6VhA== + dependencies: + topbar "^0.1.3" + react-transition-group@^4.4.5: version "4.4.5" resolved "https://registry.yarnpkg.com/react-transition-group/-/react-transition-group-4.4.5.tgz#e53d4e3f3344da8521489fbef8f2581d42becdd1" @@ -2967,6 +3030,11 @@ to-regex-range@^5.0.1: dependencies: is-number "^7.0.0" +topbar@^0.1.3: + version "0.1.4" + resolved "https://registry.yarnpkg.com/topbar/-/topbar-0.1.4.tgz#d050e536ef5053d9629499ed71008b88cb2398fb" + integrity sha512-P3n4WnN4GFd2mQXDo30rQmsAGe4V1bVkggtTreSbNyL50Fyc+eVkW5oatSLeGQmJoan2TLIgoXUZypN+6nw4MQ== + trim-lines@^3.0.0: version "3.0.1" resolved "https://registry.yarnpkg.com/trim-lines/-/trim-lines-3.0.1.tgz#d802e332a07df861c48802c04321017b1bd87338"