aaaa

backend/snippets/serializers.py

@@ -23,6 +23,7 @@ class SnippetSerializer(serializers.ModelSerializer):
             "id",
             "created",
             "title",
+            "contetns",
             "linenos",
             "language",
             "style",

frontend/src/App.js

@@ -4,6 +4,7 @@ import HomePage from './pages/HomePage'
 import { BrowserRouter as Router, Route, Routes } from 'react-router-dom';
 import { AuthProvider } from "./context/AuthContext";
 import AuthPage from './pages/AuthPage'
+import SnippetPage from './pages/SnippetPage'
 
 function App() {
   return (
@@ -15,6 +16,9 @@ function App() {
           <Route path="/" element={<div className="App">
             <HomePage />
             </div>} />
+          <Route path="/snippet/3" element={<div className="App">
+            <SnippetPage />
+            </div>} />
         </Routes>
       </AuthProvider>
     </Router>

frontend/src/components/Header.jsx

@@ -67,6 +67,11 @@ export default function App() {
                 New snippet
               </MDBNavbarLink>
             </MDBNavbarItem>
+            <MDBNavbarItem>
+              <MDBNavbarLink href='#' tabIndex={-2} aria-disabled='true' color='#3b71ca'>
+                admin
+              </MDBNavbarLink>
+            </MDBNavbarItem>
           </MDBNavbarNav>
         </MDBCollapse>
       </MDBContainer>

frontend/src/components/Snippet.jsx

@@ -13,7 +13,7 @@ const Snippet = ({title, text}) => {
     <MDBCard>
       <MDBCardBody>
         <MDBCardTitle>{title}</MDBCardTitle>
-        <MDBCardText>
+        <MDBCardText style={{textAlign: "left"}}>
           {text}
         </MDBCardText>
       </MDBCardBody>

frontend/src/pages/SnippetPage.jsx

@@ -0,0 +1,12 @@
+import BasicPage from './BasicPage'
+import Snippet from '../components/Snippet'
+
+const Page = () => {
+    return (
+        <BasicPage style={{margin: "20%"}}>
+            <Snippet title="Тестовая заметка" text="Тестовый тест" />
+        </BasicPage>
+    );
+}
+
+export default Page;