aboutsummaryrefslogtreecommitdiff
path: root/frontend/src/pages/About.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'frontend/src/pages/About.tsx')
-rw-r--r--frontend/src/pages/About.tsx60
1 files changed, 30 insertions, 30 deletions
diff --git a/frontend/src/pages/About.tsx b/frontend/src/pages/About.tsx
index a8b7826..e4abdf4 100644
--- a/frontend/src/pages/About.tsx
+++ b/frontend/src/pages/About.tsx
@@ -1,40 +1,40 @@
1import React from 'react'; 1import React from "react";
2import ReactMarkdown from 'react-markdown'; 2import ReactMarkdown from "react-markdown";
3import { Helmet } from 'react-helmet'; 3import { Helmet } from "react-helmet";
4 4
5import '@css/About.css'; 5import "@css/About.css";
6 6
7const About: React.FC = () => { 7const About: React.FC = () => {
8 8
9 const [aboutText, setAboutText] = React.useState<string>(""); 9 const [aboutText, setAboutText] = React.useState<string>("");
10 10
11 React.useEffect(() => { 11 React.useEffect(() => {
12 const fetchReadme = async () => { 12 const fetchReadme = async () => {
13 try { 13 try {
14 const response = await fetch( 14 const response = await fetch(
15 'https://raw.githubusercontent.com/pektezol/lphub/main/README.md' 15 "https://raw.githubusercontent.com/pektezol/lphub/main/README.md"
16 ); 16 );
17 if (!response.ok) { 17 if (!response.ok) {
18 throw new Error('Failed to fetch README'); 18 throw new Error("Failed to fetch README");
19 } 19 }
20 const readmeText = await response.text(); 20 const readmeText = await response.text();
21 setAboutText(readmeText); 21 setAboutText(readmeText);
22 } catch (error) { 22 } catch (error) {
23 console.error('Error fetching README:', error); 23 console.error("Error fetching README:", error);
24 } 24 }
25 }; 25 };
26 fetchReadme(); 26 fetchReadme();
27 }, []); 27 }, []);
28 28
29 29
30 return ( 30 return (
31 <div id="about"> 31 <div id="about">
32 <Helmet> 32 <Helmet>
33 <title>LPHUB | About</title> 33 <title>LPHUB | About</title>
34 </Helmet> 34 </Helmet>
35 <ReactMarkdown>{aboutText}</ReactMarkdown> 35 <ReactMarkdown>{aboutText}</ReactMarkdown>
36 </div> 36 </div>
37 ); 37 );
38}; 38};
39 39
40export default About; 40export default About;