shihaam/okiba-org-frontend
1
0
Fork 0
mirror of https://github.com/okiba-org/frontend.git synced 2025-02-22 09:12:04 +00:00
Code Issues Packages Projects Releases Wiki Activity

run formatter

Browse Source 
Signed-off-by: alok8bb <alok8bb@gmail.com>
This commit is contained in:
alok8bb 2023-07-29 16:38:16 +05:30
parent cc56e17bd4
commit ae4986c091
No known key found for this signature in database
10 changed files with 842 additions and 438 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
.prettierrc
View File

@ -6,7 +6,6 @@
"quoteProps": "consistent", "quoteProps": "consistent",
"jsxSingleQuote": false, "jsxSingleQuote": false,
"bracketSpacing": true, "bracketSpacing": true,
"jsxBracketSameLine": true,
"arrowParens": "avoid", "arrowParens": "avoid",
"printWidth": 80 "printWidth": 80
} }

20
index.html
View File

@ -1,13 +1,13 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="icon" type="image/svg" href="favicon.svg" /> <link rel="icon" type="image/svg" href="favicon.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Okiba</title> <title>Okiba</title>
</head> </head>
<body> <body>
<div id="root"></div> <div id="root"></div>
<script type="module" src="/src/main.tsx"></script> <script type="module" src="/src/main.tsx"></script>
</body> </body>
</html> </html>

1156
pnpm-lock.yaml generated
View File

File diff suppressed because it is too large Load Diff

3
src/App.tsx
View File

@ -12,7 +12,8 @@ function App() {
display: "flex", display: "flex",
flexDirection: "column", flexDirection: "column",
height: "100%", height: "100%",
}}> }}
>
<Routes> <Routes>
<Route path="/" element={<Home />} /> <Route path="/" element={<Home />} />
<Route path="/:id" element={<Paste />} /> <Route path="/:id" element={<Paste />} />

18
src/components/BottomBar.tsx
View File

@ -13,14 +13,16 @@ const BottomBar: FunctionComponent<propTypes> = props => {
justifyContent: "space-between", justifyContent: "space-between",
paddingInline: "15px", paddingInline: "15px",
}} }}
className="BottomBar"> className="BottomBar"
>
<a <a
style={{ style={{
color: "#D9F8C4", color: "#D9F8C4",
cursor: "pointer", cursor: "pointer",
textDecoration: "none", textDecoration: "none",
}} }}
href="/"> href="/"
>
<b>Okiba</b> v1.0 <b>Okiba</b> v1.0
</a> </a>
<ul <ul
@ -29,7 +31,8 @@ const BottomBar: FunctionComponent<propTypes> = props => {
display: "flex", display: "flex",
marginBottom: "2px", marginBottom: "2px",
alignItems: "center", alignItems: "center",
}}> }}
>
{/* make component of these links some day */} {/* make component of these links some day */}
{props.isNewPaste ? ( {props.isNewPaste ? (
@ -40,7 +43,8 @@ const BottomBar: FunctionComponent<propTypes> = props => {
await props.postCallback(); await props.postCallback();
} }
}} }}
style={linkStyle}> style={linkStyle}
>
<li style={listStyle}>save</li> <li style={listStyle}>save</li>
</a> </a>
) : ( ) : (
@ -56,7 +60,8 @@ const BottomBar: FunctionComponent<propTypes> = props => {
<a <a
href={"https://github.com/okiba-org/"} href={"https://github.com/okiba-org/"}
target="_blank" target="_blank"
style={linkStyle}> style={linkStyle}
>
<li style={listStyle}>source</li> <li style={listStyle}>source</li>
</a> </a>
</ul> </ul>
@ -79,7 +84,8 @@ const Separator = () => (
style={{ style={{
fontSize: "1rem", fontSize: "1rem",
color: "#839496", color: "#839496",
}}> }}
>
• •
</div> </div>
); );

20
src/index.css
View File

@ -1,21 +1,21 @@
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;700&display=swap'); @import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;700&display=swap");
* { * {
margin: 0; margin: 0;
font-family: "IBM Plex Mono", monospace; font-family: "IBM Plex Mono", monospace;
} }
body { body {
background: black; background: black;
color: white; color: white;
} }
#root { #root {
height: 100vh; height: 100vh;
} }
@media screen and (max-width: 600px) { @media screen and (max-width: 600px) {
#root { #root {
height: 93vh; height: 93vh;
} }
} }

2
src/util/index.ts
View File

@ -1 +1 @@
export const SERVER_URL = import.meta.env.VITE_SERVER_URL export const SERVER_URL = import.meta.env.VITE_SERVER_URL;

38
tsconfig.json
View File

@ -1,21 +1,21 @@
{ {
"compilerOptions": { "compilerOptions": {
"target": "ESNext", "target": "ESNext",
"useDefineForClassFields": true, "useDefineForClassFields": true,
"lib": ["DOM", "DOM.Iterable", "ESNext"], "lib": ["DOM", "DOM.Iterable", "ESNext"],
"allowJs": false, "allowJs": false,
"skipLibCheck": true, "skipLibCheck": true,
"esModuleInterop": false, "esModuleInterop": false,
"allowSyntheticDefaultImports": true, "allowSyntheticDefaultImports": true,
"strict": true, "strict": true,
"forceConsistentCasingInFileNames": true, "forceConsistentCasingInFileNames": true,
"module": "ESNext", "module": "ESNext",
"moduleResolution": "Node", "moduleResolution": "Node",
"resolveJsonModule": true, "resolveJsonModule": true,
"isolatedModules": true, "isolatedModules": true,
"noEmit": true, "noEmit": true,
"jsx": "react-jsx" "jsx": "react-jsx"
}, },
"include": ["src"], "include": ["src"],
"references": [{ "path": "./tsconfig.node.json" }] "references": [{ "path": "./tsconfig.node.json" }]
} }

12
tsconfig.node.json
View File

@ -1,8 +1,8 @@
{ {
"compilerOptions": { "compilerOptions": {
"composite": true, "composite": true,
"module": "esnext", "module": "esnext",
"moduleResolution": "node" "moduleResolution": "node"
}, },
"include": ["vite.config.ts"] "include": ["vite.config.ts"]
} }

8
vite.config.ts
View File

@ -1,7 +1,7 @@
import { defineConfig } from 'vite' import { defineConfig } from "vite";
import react from '@vitejs/plugin-react' import react from "@vitejs/plugin-react";
// https://vitejs.dev/config/ // https://vitejs.dev/config/
export default defineConfig({ export default defineConfig({
plugins: [react()] plugins: [react()],
}) });