refactor: rules

1 files changed, 37 insertions, 0 deletions

diff --git a/frontend/src/pages/Rules.tsx b/frontend/src/pages/Rules.tsx
new file mode 100644
index 0000000..516b73c
--- /dev/null
+++ b/frontend/src/pages/Rules.tsx
@@ -0,0 +1,37 @@
+import React from 'react';
+import ReactMarkdown from 'react-markdown';
+
+import '../css/Rules.css';
+
+const Rules: React.FC = () => {
+
+    const [rulesText, setRulesText] = React.useState<string>("");
+
+    React.useEffect(() => {
+        const fetchRules = async () => {
+            try {
+                const response = await fetch(
+                    'https://raw.githubusercontent.com/pektezol/leastportalshub/main/README.md'
+                );
+                if (!response.ok) {
+                    throw new Error('Failed to fetch README');
+                }
+                const rulesText = await response.text();
+                setRulesText(rulesText);
+            } catch (error) {
+                console.error('Error fetching Rules:', error);
+            }
+            setRulesText(rulesText)
+        };
+        fetchRules();
+    }, []);
+
+
+    return (
+        <main>
+            <ReactMarkdown>{rulesText}</ReactMarkdown>
+        </main>
+    );
+};
+
+export default Rules;