From 6f7219ff7bf3731ab30c6acb37c146f27bd62665 Mon Sep 17 00:00:00 2001
From: Olly Hearn <longcat512@gmail.com>
Date: Sun, 14 May 2023 20:19:51 +0300
Subject: [PATCH] aaaa

---
 backend/db.sqlite3                  | Bin 172032 -> 172032 bytes
 backend/snippets/serializers.py     |   1 +
 frontend/src/App.js                 |  20 ++++++++++++--------
 frontend/src/components/Header.jsx  |   5 +++++
 frontend/src/components/Snippet.jsx |   2 +-
 frontend/src/pages/SnippetPage.jsx  |  12 ++++++++++++
 6 files changed, 31 insertions(+), 9 deletions(-)
 create mode 100644 frontend/src/pages/SnippetPage.jsx

diff --git a/backend/db.sqlite3 b/backend/db.sqlite3
index 719fa6c5a3a15729b7ac88ffbb9bbaa4c1175552..630bd50d695d389e234303502af8cc12dc2b76e2 100644
GIT binary patch
delta 2841
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
NR)lI=<!{OW{vW@FfinOA

delta 2965
zcmeHJO>Em_7;fHX-P&cOg@tJwTfHB#(JG05VmrzBQI@z(leSKlCTk<1)v4_`e|F|1
zP1<Q%2OK~GLA!&6;IIiz;zYIP&>K`}H-yA}JHQPA+6h#I2E$1j;$~yq(LUMoqvw0R
z_kF+T`}8I&TLUXw10Nkd5bWvc8PVV7SUpRdf_LVBa+shVcHVsb##i#*H^<Kt)0acZ
zm@n+V=!)YNxe}b7luwH+$KcsiAnBKs<VB*EiB~7b7b!wei5wM~b;Z=t*z6STD~G0D
z!%>{Dqof_f5zOtyX)ob%ct{*`x$3NZ#MDd^$M|TCaVK4V=6uz?$V8}0nLtkq*->A_
z=~S>83a{`)B~y#V$I=WsITw*ImGqM#I_Z==lfDwuordrdq=UdIl*a1cDxZ&DBQcpL
z3Mxmdv@A<#!7Zf8R56{F(-oCm;PVb4R7+$7CAPZci=G!e{$MQV6Pe|(C*TU;N<7a_
z<b6}}T!Iu_7jjA^C(cBciOjOEl;o@YwCXREGYM`sMG_YRnVenmQPChq$Wn>tJr_yl
zT0{!jF*i4t7s{T9hh54>mncb&F6YS!t~O3BPe&6IbYXG~Wu~d|7#l0d+2Hs@JXQ)M
z7PC2y35D2Fr4+)$;^d`8mK|5TSg|%6zu*ngSS;hWSIVlw%u!QgTvcU+Xj)dp1c7E}
z)kK<SIrp%=5)N0}XMt13vmgnQtgn4q?cK9!y>DHs4;A0B-dJ0I1^F+}-oCfKd2ikH
z8$0w^Jne@^rc?XCg7iE$XhH5=KWL$E<-pS8JA7cD&Gxl&xW8Qs>P9fsixXZ9cepXy
z<;Eft$pGW$Qe3g|YBT%cGZU^k4nRZ;THt73YhHWH0yod;SNF`Voau>yF$5#LDDK56
z2TIVmo4i~V^yl9Lx8|FH&3fRMH@3`!`@p*0V|{4dt`DvJY#lK7_M4!$x4(a&Zu<Vw
z@M^?tk;({;qLf|V5WcBbIRhue#yE#u9Y`ts65?1ut{@9aUQxZsDR*;dA98R)yK99(
zvOO_2hUx>kia19QMpYFR8FB8c&l%P?M53rU=i!h??&90ar@4aAS-l_`WS#UUwcGPB
z+-D?ynFnMSfpA@lGzTXQiZ=}Sl(x;mpyuJhYHpTzi3ev3-R1#rp$9ymEp$=<dkcv=
z>f71Y#{!(~BM6Suw}@rnpmtAy7yC$(<8WNNlhuj+A{=U}QB*rCg588_YyoUqPK2YN
zbDxNCrt!Tif}^ebU4+p#el@LUXk^nhSJU8ZXun9qh+d11?x(@tV2(>Le642itubq~
z*TI%0!Ei*yrKgD_s!|lx@>1te<nq(>Gh7-O(Nqa+?NUFGV5Et4W4@E%*b9Y}Awb75
zr@=j&b|nKZ?IJcZaAX&;F2i2!K}Pqq6T_w<SzXp~-KNE}dLSe5epbI39Rf9AoAxlP
z-=of?O$+C`;;rQ1*e=C4-9&F5j_*>i`CS=p+I#t~nzp)$?R-}jX90#=7lv+}^1B5<
z+XjDWz`qs%YxAQr5N*uMy58uM?w+%6r)&Hv!?3oYz;W$I1)kqiN#!#OtJnW})*jsM
mMz?#`9{%|Wc&wK^YY+e9_OSDB<;m^gkF_oHrnv|Yoqq$BlvLON

diff --git a/backend/snippets/serializers.py b/backend/snippets/serializers.py
index 8f032c4..64cfc2a 100644
--- a/backend/snippets/serializers.py
+++ b/backend/snippets/serializers.py
@@ -23,6 +23,7 @@ class SnippetSerializer(serializers.ModelSerializer):
             "id",
             "created",
             "title",
+            "contetns",
             "linenos",
             "language",
             "style",
diff --git a/frontend/src/App.js b/frontend/src/App.js
index eb5f9c3..6beaf1b 100644
--- a/frontend/src/App.js
+++ b/frontend/src/App.js
@@ -4,19 +4,23 @@ 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 (
 
     <Router>
-    <AuthProvider>
-    <Routes>
-    <Route path="/auth" element={<AuthPage />} />
-    <Route path="/" element={<div className="App">
-      <HomePage />
-      </div>} />
-    </Routes>
-    </AuthProvider>
+      <AuthProvider>
+        <Routes>
+          <Route path="/auth" element={<AuthPage />} />
+          <Route path="/" element={<div className="App">
+            <HomePage />
+            </div>} />
+          <Route path="/snippet/3" element={<div className="App">
+            <SnippetPage />
+            </div>} />
+        </Routes>
+      </AuthProvider>
     </Router>
 
   );
diff --git a/frontend/src/components/Header.jsx b/frontend/src/components/Header.jsx
index a206509..48034d7 100644
--- a/frontend/src/components/Header.jsx
+++ b/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>
diff --git a/frontend/src/components/Snippet.jsx b/frontend/src/components/Snippet.jsx
index 237dfe5..1482fda 100644
--- a/frontend/src/components/Snippet.jsx
+++ b/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>
diff --git a/frontend/src/pages/SnippetPage.jsx b/frontend/src/pages/SnippetPage.jsx
new file mode 100644
index 0000000..8139897
--- /dev/null
+++ b/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;