11 | Loading...
12 |
13 | );
14 | };
15 |
--------------------------------------------------------------------------------
/.github/workflows/server.yaml:
--------------------------------------------------------------------------------
1 | name: Build server
2 |
3 | on:
4 | push:
5 | paths:
6 | - "server/**"
7 |
8 | jobs:
9 | server:
10 | runs-on: ubuntu-latest
11 | steps:
12 | - uses: actions/checkout@v2
13 | - uses: actions/setup-node@v1
14 | with:
15 | node-version: 12
16 | - run: cd server && yarn && yarn build
17 |
--------------------------------------------------------------------------------
/web/src/components/ui/ColoredCircle.tsx:
--------------------------------------------------------------------------------
1 | import React from "react";
2 |
3 | interface ColoredCircleProps {
4 | color: string;
5 | }
6 |
7 | export const ColoredCircle: React.FC
9 |
14 | );
15 | };
16 |
--------------------------------------------------------------------------------
/web/src/components/ui/Welcome.tsx:
--------------------------------------------------------------------------------
1 | import React from "react";
2 |
3 | interface WelcomeProps {}
4 |
5 | export const Welcome: React.FC
11 |
13 | {children}
12 |
8 |
9 | Welcome to
11 |
12 | );
13 | };
14 |
--------------------------------------------------------------------------------
/web/src/utils/useIsAuth.ts:
--------------------------------------------------------------------------------
1 | import { useRouter } from "next/router";
2 | import { useEffect } from "react";
3 | import { useMeQuery } from "../generated/graphql";
4 |
5 | export const useIsAuth = () => {
6 | const { data, loading } = useMeQuery();
7 | const router = useRouter();
8 | console.log("data ::", data);
9 | useEffect(() => {
10 | if (!loading && !data?.me) {
11 | router.replace("/");
12 | }
13 | }, [loading, data, router]);
14 | };
15 |
--------------------------------------------------------------------------------
/web/src/utils/findNoteFolder.ts:
--------------------------------------------------------------------------------
1 | export const findNoteFolder = (id: number, folders: any) => {
2 | let name = "No Folder";
3 | folders.map((folder: any) => {
4 | console.log("folder.noteIds ::", folder.noteIds);
5 | console.log("id ::", id);
6 | console.log(folder.noteIds.includes(id.toString()));
7 | if (folder.noteIds.includes(id.toString())) {
8 | console.log("here..");
9 | name = folder.name;
10 | }
11 | });
12 |
13 | return name;
14 | };
15 |
--------------------------------------------------------------------------------
/server/src/middleware/isAuth.ts:
--------------------------------------------------------------------------------
1 | import { Context } from "../types";
2 | import { MiddlewareFn } from "type-graphql";
3 |
4 | export const isAuth: MiddlewareFn
9 | Welcome to dino.app
10 |
11 | {el};
12 | }
13 |
14 | if (leaf.italic) {
15 | el = {el};
16 | }
17 |
18 | if (leaf.underline) {
19 | el = {el};
20 | }
21 |
22 | if (leaf.highlighted) {
23 | el = (
24 |
25 | {el}
26 |
27 | );
28 | }
29 |
30 | return {el};
31 | };
32 |
--------------------------------------------------------------------------------
/server/src/utils/sendEmail.ts:
--------------------------------------------------------------------------------
1 | import nodemailer from "nodemailer";
2 |
3 | // async..await is not allowed in global scope, must use a wrapper
4 | export async function sendEmail(to: string, html: string) {
5 | let transporter = nodemailer.createTransport({
6 | host: "smtp.ethereal.email",
7 | port: 587,
8 | secure: false,
9 | auth: {
10 | user: "mds43vi6nviwucqv@ethereal.email",
11 | pass: "xJsQzVAuFYKqx5xUR9",
12 | },
13 | });
14 |
15 | // send mail with defined transport object
16 | let info = await transporter.sendMail({
17 | from: '"Fred Foo 👻" 
8 |
9 | ## Current status of dino
10 |
11 | 
12 | 
13 | 
14 | 
15 | 
16 | 
17 | 
18 |
19 | ## Features
20 |
21 | - [x] A simple to use note taking experience
22 | - [x] Folders to organise notes in a concise, easy and well-understoof manner
23 | - [ ] A storage space like google cloud, dropbox so of around `5Gb` to access your files alongside your notes
24 |
25 | ## Contributing
26 |
27 | ALl help is appreciated. If you want to contribute to `dino`, pls make a pull request and I'll review it.
28 |
--------------------------------------------------------------------------------
/server/src/entities/User.ts:
--------------------------------------------------------------------------------
1 | import { Field, ObjectType } from "type-graphql";
2 | import {
3 | Column,
4 | CreateDateColumn,
5 | BaseEntity,
6 | Entity,
7 | PrimaryGeneratedColumn,
8 | UpdateDateColumn,
9 | OneToMany,
10 | } from "typeorm";
11 | import { Folder } from "./Folder";
12 | import { Note } from "./Note";
13 |
14 | @ObjectType()
15 | @Entity()
16 | export class User extends BaseEntity {
17 | @Field()
18 | @PrimaryGeneratedColumn()
19 | id: number;
20 |
21 | @Field()
22 | @Column()
23 | name: string;
24 |
25 | @Field()
26 | @Column({ default: "light" })
27 | theme: string;
28 |
29 | @Field()
30 | @Column({
31 | default:
32 | "https://www.gravatar.com/avatar/00000000000000000000000000000000?d=mp&f=y",
33 | })
34 | imgUrl: string;
35 |
36 | @Field()
37 | @Column({ unique: true })
38 | email: string;
39 |
40 | @Column()
41 | password!: string;
42 |
43 | @Field(() => [Note])
44 | @OneToMany(() => Note, (note) => note.creator)
45 | notes: Note[];
46 |
47 | @Field(() => [Folder])
48 | @OneToMany(() => Folder, (folder) => folder.creator)
49 | folders: Folder[];
50 |
51 | @Field(() => String)
52 | @CreateDateColumn()
53 | createdAt: Date;
54 |
55 | @Field(() => String)
56 | @UpdateDateColumn()
57 | updatedAt: Date;
58 | }
59 |
--------------------------------------------------------------------------------
/web/src/components/ui/InputField.tsx:
--------------------------------------------------------------------------------
1 | import { useField } from "formik";
2 | import React, { InputHTMLAttributes } from "react";
3 |
4 | type InputFieldProps = InputHTMLAttributes
13 |
16 |
27 | {error ? (
28 |
29 | {error}
30 |
31 | ) : null}
32 |
33 | );
34 | };
35 |
--------------------------------------------------------------------------------
/web/src/components/ui/cards/Note.tsx:
--------------------------------------------------------------------------------
1 | import React from "react";
2 | import NextLink from "next/link";
3 | import { useMeQuery } from "../../../generated/graphql";
4 | import { ColoredCircle } from "../ColoredCircle";
5 | import { findNoteFolder } from "../../../utils/findNoteFolder";
6 |
7 | interface NoteCardProps {
8 | name: string;
9 | status: string;
10 | id: number;
11 | }
12 |
13 | export const NoteCard: React.FC
19 |
34 |
35 |
20 |
24 | fold.name ==
25 | findNoteFolder(id, data?.me?.folders)
26 | )[0]?.color || "#28c077"
27 | }
28 | />
29 |
30 | 31 | {name} 32 |
33 |
34 |
36 | )}
37 |
22 |
48 | );
49 | };
50 |
51 | export default Forgotpass;
52 |
--------------------------------------------------------------------------------
/web/src/styles/Home.module.css:
--------------------------------------------------------------------------------
1 | .container {
2 | padding: 0 2rem;
3 | }
4 |
5 | .main {
6 | min-height: 100vh;
7 | padding: 4rem 0;
8 | flex: 1;
9 | display: flex;
10 | flex-direction: column;
11 | justify-content: center;
12 | align-items: center;
13 | }
14 |
15 | .footer {
16 | display: flex;
17 | flex: 1;
18 | padding: 2rem 0;
19 | border-top: 1px solid #eaeaea;
20 | justify-content: center;
21 | align-items: center;
22 | }
23 |
24 | .footer a {
25 | display: flex;
26 | justify-content: center;
27 | align-items: center;
28 | flex-grow: 1;
29 | }
30 |
31 | .title a {
32 | color: #0070f3;
33 | text-decoration: none;
34 | }
35 |
36 | .title a:hover,
37 | .title a:focus,
38 | .title a:active {
39 | text-decoration: underline;
40 | }
41 |
42 | .title {
43 | margin: 0;
44 | line-height: 1.15;
45 | font-size: 4rem;
46 | }
47 |
48 | .title,
49 | .description {
50 | text-align: center;
51 | }
52 |
53 | .description {
54 | margin: 4rem 0;
55 | line-height: 1.5;
56 | font-size: 1.5rem;
57 | }
58 |
59 | .code {
60 | background: #fafafa;
61 | border-radius: 5px;
62 | padding: 0.75rem;
63 | font-size: 1.1rem;
64 | font-family: Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono,
65 | Bitstream Vera Sans Mono, Courier New, monospace;
66 | }
67 |
68 | .grid {
69 | display: flex;
70 | align-items: center;
71 | justify-content: center;
72 | flex-wrap: wrap;
73 | max-width: 800px;
74 | }
75 |
76 | .card {
77 | margin: 1rem;
78 | padding: 1.5rem;
79 | text-align: left;
80 | color: inherit;
81 | text-decoration: none;
82 | border: 1px solid #eaeaea;
83 | border-radius: 10px;
84 | transition: color 0.15s ease, border-color 0.15s ease;
85 | max-width: 300px;
86 | }
87 |
88 | .card:hover,
89 | .card:focus,
90 | .card:active {
91 | color: #0070f3;
92 | border-color: #0070f3;
93 | }
94 |
95 | .card h2 {
96 | margin: 0 0 1rem 0;
97 | font-size: 1.5rem;
98 | }
99 |
100 | .card p {
101 | margin: 0;
102 | font-size: 1.25rem;
103 | line-height: 1.5;
104 | }
105 |
106 | .logo {
107 | height: 1em;
108 | margin-left: 0.5rem;
109 | }
110 |
111 | @media (max-width: 600px) {
112 | .grid {
113 | width: 100%;
114 | flex-direction: column;
115 | }
116 | }
117 |
--------------------------------------------------------------------------------
/server/src/resolvers/note.ts:
--------------------------------------------------------------------------------
1 | import { isAuth } from "../middleware/isAuth";
2 | import { Context } from "../types";
3 | import { Arg, Ctx, Int, Mutation, Query, UseMiddleware } from "type-graphql";
4 | import { Note } from "../entities/Note";
5 |
6 | export class NoteResolver {
7 | @UseMiddleware(isAuth)
8 | @Mutation(() => Note)
9 | async createNote(@Arg("title") title: string, @Ctx() { req }: Context) {
10 | if (title.trim().length == 0) {
11 | return false;
12 | }
13 | return Note.create({
14 | title,
15 | creatorId: req.session.userId,
16 | body: "",
17 | }).save();
18 | }
19 |
20 | @UseMiddleware(isAuth)
21 | @Query(() => Note)
22 | async getNote(@Arg("id", () => Int) id: number) {
23 | return Note.findOne({ where: { id } });
24 | }
25 |
26 | @UseMiddleware(isAuth)
27 | @Mutation(() => Boolean)
28 | async updateNote(
29 | @Arg("id", () => Int!) id: number,
30 | @Arg("body") body: string,
31 | @Ctx() { req }: Context
32 | ) {
33 | const note = await Note.findOne(id, { relations: ["creator"] });
34 | if (note?.creator.id != req.session.userId) {
35 | return false;
36 | }
37 |
38 | await Note.update(id, {
39 | body,
40 | });
41 | return true;
42 | }
43 |
44 | @UseMiddleware(isAuth)
45 | @Mutation(() => Boolean)
46 | async updateNoteTitle(
47 | @Arg("id", () => Int!) id: number,
48 | @Arg("title") title: string,
49 | @Ctx() { req }: Context
50 | ) {
51 | const note = await Note.findOne(id, { relations: ["creator"] });
52 | if (note?.creator.id != req.session.userId) {
53 | return false;
54 | }
55 |
56 | await Note.update(id, {
57 | title,
58 | });
59 | return true;
60 | }
61 |
62 | @UseMiddleware(isAuth)
63 | @Mutation(() => Boolean)
64 | async deleteNote(
65 | @Arg("id", () => Int) id: number,
66 | @Ctx() { req }: Context
67 | ) {
68 | const note = await Note.findOne(id, { relations: ["creator"] });
69 | if (note?.creator.id != req.session.userId) {
70 | return false;
71 | }
72 | await Note.delete({ id });
73 | return true;
74 | }
75 | }
76 |
--------------------------------------------------------------------------------
/server/src/migrations/1638362548353-Initial.ts:
--------------------------------------------------------------------------------
1 | import {MigrationInterface, QueryRunner} from "typeorm";
2 |
3 | export class Initial1638362548353 implements MigrationInterface {
4 | name = 'Initial1638362548353'
5 |
6 | public async up(queryRunner: QueryRunner): Promise
23 | Email
33 | { 37 | setEmail(e.target.value); 38 | }} 39 | /> 40 | 46 |
47 | 24 | Forgot password 25 |
26 | {sentEmailLink && ( 27 |28 | We{"'"}ve sent an email with a link to change your 29 | password! 30 |
31 | )} 32 |
12 |
13 |
41 |
42 | )}
43 |
44 | );
45 | };
46 |
--------------------------------------------------------------------------------
/server/src/index.ts:
--------------------------------------------------------------------------------
1 | import "reflect-metadata";
2 | import "dotenv-safe/config";
3 | import { __prod__, COOKIE_NAME } from "./constants";
4 | import express from "express";
5 | import { ApolloServer } from "apollo-server-express";
6 | import { buildSchema } from "type-graphql";
7 | import { UserResolver } from "./resolvers/user";
8 | import Redis from "ioredis";
9 | import session from "express-session";
10 | import connectRedis from "connect-redis";
11 | import cors from "cors";
12 | import { createConnection } from "typeorm";
13 | import { User } from "./entities/User";
14 | import { Note } from "./entities/Note";
15 | import path from "path";
16 | import { NoteResolver } from "./resolvers/note";
17 | import { Folder } from "./entities/Folder";
18 | import { FolderResolver } from "./resolvers/folder";
19 | import avatarUpload from "./resolvers/upload/avatar";
20 |
21 | const main = async () => {
22 | const conn = await createConnection({
23 | type: "postgres",
24 | url: process.env.DATABASE_URL,
25 | logging: true,
26 | synchronize: true,
27 | migrations: [path.join(__dirname, "./migrations/*")],
28 | entities: [User, Note, Folder],
29 | });
30 | await conn.runMigrations();
31 |
32 | const app = express();
33 |
34 | const RedisStore = connectRedis(session);
35 | const redis = new Redis(process.env.REDIS_URL);
36 | app.set("trust proxy", 1);
37 | app.use(
38 | cors({
39 | origin: process.env.CORS_ORIGIN,
40 | credentials: true,
41 | })
42 | );
43 | app.use(
44 | session({
45 | name: COOKIE_NAME,
46 | store: new RedisStore({
47 | client: redis,
48 | disableTouch: true,
49 | }),
50 | cookie: {
51 | maxAge: 1000 * 60 * 60 * 24 * 365 * 10, // 10 years
52 | httpOnly: true,
53 | sameSite: "lax",
54 | secure: __prod__,
55 | domain: __prod__ ? ".japrozsaini.me" : undefined,
56 | },
57 | saveUninitialized: false,
58 | secret: process.env.SESSION_SECRET,
59 | resave: false,
60 | })
61 | );
62 |
63 | const apolloServer = new ApolloServer({
64 | schema: await buildSchema({
65 | resolvers: [UserResolver, NoteResolver, FolderResolver],
66 | validate: false,
67 | }),
68 | context: ({ req, res }) => ({
69 | req,
70 | res,
71 | redis,
72 | }),
73 | });
74 |
75 | app.use("/upload/", avatarUpload);
76 |
77 | apolloServer.applyMiddleware({
78 | app,
79 | cors: false,
80 | });
81 |
82 | app.listen(parseInt(process.env.PORT), () => {
83 | console.log(`🚀 Server started on localhost:${process.env.PORT}`);
84 | });
85 | };
86 |
87 | main().catch((err) => {
88 | console.error(err);
89 | });
90 |
--------------------------------------------------------------------------------
/web/src/pages/register.tsx:
--------------------------------------------------------------------------------
1 | import { useApolloClient } from "@apollo/client";
2 | import { Form, Formik } from "formik";
3 | import { useRouter } from "next/router";
4 | import React from "react";
5 | import { InputField } from "../components/ui/InputField";
6 | import { useRegisterMutation } from "../generated/graphql";
7 | import { toErrorMap } from "../utils/toErrorMap";
8 |
9 | interface registerProps {}
10 |
11 | const Register: React.FC
14 |
15 |
16 | {initialValue}
17 |
18 |
19 |
25 |
26 | {PARAGRAPH_STYLES.map((style, i) => (
27 |
32 |
33 | {style}
34 |
35 |
36 | ))}
37 |
38 |
39 |
40 |
17 |
76 | );
77 | };
78 |
79 | export default Register;
80 |
--------------------------------------------------------------------------------
/web/src/pages/login.tsx:
--------------------------------------------------------------------------------
1 | import { useApolloClient } from "@apollo/client";
2 | import { Form, Formik } from "formik";
3 | import { useRouter } from "next/router";
4 | import React, { useState } from "react";
5 | import { InputField } from "../components/ui/InputField";
6 | import {
7 | useForgotPasswordMutation,
8 | useLoginMutation,
9 | } from "../generated/graphql";
10 | import { toErrorMap } from "../utils/toErrorMap";
11 |
12 | interface LoginProps {}
13 |
14 | const Login: React.FC
18 | {
24 | const res = await registerMut({
25 | variables: {
26 | options: values,
27 | },
28 | });
29 | if (res.data?.register.errors) {
30 | setErrors(toErrorMap(res.data.register.errors));
31 | } else if (res.data?.register.user) {
32 | router.push("/app");
33 | await client.resetStore();
34 | }
35 | }}
36 | >
37 | {({ isSubmitting }) => (
38 |
72 | )}
73 |
74 |
75 | 19 | Register 20 |
21 |
21 |
82 | );
83 | };
84 |
85 | export default Login;
86 |
--------------------------------------------------------------------------------
/web/src/pages/changepass/[id].tsx:
--------------------------------------------------------------------------------
1 | import React, { useState } from "react";
2 | import { Form, Formik } from "formik";
3 | import { InputField } from "../../components/ui/InputField";
4 | import { useChangePasswordMutation } from "../../generated/graphql";
5 | import { toErrorMap } from "../../utils/toErrorMap";
6 | import NextLink from "next/link";
7 | import { useRouter } from "next/router";
8 | import Head from "next/head";
9 | import { Meta } from "../../components/shared/Meta";
10 |
11 | interface ChangePasswordProps {}
12 |
13 | const ChangePassword: React.FC
22 | {
28 | const response = await loginMut({ variables: values });
29 | if (response.data?.login.errors) {
30 | setErrors(toErrorMap(response.data.login.errors));
31 | } else if (response.data?.login.user) {
32 | if (typeof router.query.next === "string") {
33 | router.push(router.query.next);
34 | } else {
35 | // worked
36 | await client.resetStore();
37 | router.push("/app");
38 | }
39 | }
40 | }}
41 | >
42 | {({ isSubmitting }) => (
43 |
78 | )}
79 |
80 |
81 | 23 | Login 24 |
25 |
24 |
83 |
84 | );
85 | };
86 |
87 | export default ChangePassword;
88 |
--------------------------------------------------------------------------------
/web/src/components/ui/editor/core/renderElement.tsx:
--------------------------------------------------------------------------------
1 | import {
2 | useSelected,
3 | useFocused,
4 | useSlateStatic,
5 | DefaultElement,
6 | } from "slate-react";
7 | import { Editor, Transforms, Path, Node, Element } from "slate";
8 | import { ReactEditor } from "slate-react";
9 | import { SlateEditor } from "../editor";
10 | import router from "next/router";
11 |
12 | export const renderElement = (props: any) => {
13 | const { element, children, attributes } = props;
14 | switch (element.type) {
15 | case "paragraph":
16 | return
25 | {
31 | const response = await changePasswordMutation({
32 | variables: {
33 | newPassword: values.newPassword,
34 | token:
35 | typeof router.query.id === "string"
36 | ? router.query.id
37 | : "",
38 | },
39 | });
40 | if (response.data?.changePassword.errors) {
41 | const errorMap = toErrorMap(
42 | response.data.changePassword.errors
43 | );
44 | if ("token" in errorMap) {
45 | setTokenError(errorMap.token);
46 | }
47 | setErrors(errorMap);
48 | console.log(errorMap);
49 | } else if (response.data?.changePassword.user) {
50 | console.log("here...");
51 | // login worked
52 | router.push("/app");
53 | }
54 | }}
55 | >
56 | {({ isSubmitting }) => (
57 |
79 | )}
80 |
81 |
82 | 26 | Change password 27 |
28 |{children}
; 17 | case "H1": 18 | return ( 19 |23 | {children} 24 |
25 | ); 26 | case "H2": 27 | return ( 28 |32 | {children} 33 |
34 | ); 35 | case "H3": 36 | return ( 37 |41 | {children} 42 |
43 | ); 44 | case "H4": 45 | return ( 46 |50 | {children} 51 |
52 | ); 53 | case "code": 54 | return{children};
55 | case "image":
56 | return
75 |
84 | );
85 | };
86 |
87 | export const insertImage = (editor: SlateEditor, url: any) => {
88 | if (!url) return;
89 |
90 | const { selection } = editor;
91 | const image = {
92 | type: "image",
93 | alt: "",
94 | url,
95 | children: [{ text: "" }],
96 | };
97 | console.log(image);
98 |
99 | ReactEditor.focus(editor);
100 |
101 | if (!!selection) {
102 | const [parentNode, parentPath] = Editor.parent(
103 | editor,
104 | selection.focus?.path
105 | );
106 |
107 | if (
108 | // @ts-ignore
109 | editor.isVoid(parentNode) ||
110 | (Node as any).string(parentNode).length
111 | ) {
112 | // Insert the new image node after the void node or a node with content
113 | Transforms.insertNodes(editor, image, {
114 | at: Path.next(parentPath),
115 | select: true,
116 | });
117 | } else {
118 | // If the node is empty, replace it instead
119 | Transforms.removeNodes(editor, { at: parentPath });
120 | Transforms.insertNodes(editor, image, {
121 | at: parentPath,
122 | select: true,
123 | });
124 | }
125 | } else {
126 | // Insert the new image node at the bottom of the Editor when selection
127 | // is falsey
128 | Transforms.insertNodes(editor, image, { select: true });
129 | }
130 | };
131 |
--------------------------------------------------------------------------------
/web/src/components/ui/modals/DeleteNote.tsx:
--------------------------------------------------------------------------------
1 | import React, { Fragment, useState } from "react";
2 | import { Dialog, Transition } from "@headlessui/react";
3 | import { useDeleteNoteMutation } from "../../../generated/graphql";
4 | import { useRouter } from "next/router";
5 | import { useApolloClient } from "@apollo/client";
6 |
7 | interface DeleteNoteModalProps {
8 | open: boolean;
9 | setOpen: any;
10 | id: number;
11 | }
12 |
13 | export const DeleteNoteModal: React.FC
76 | 
81 |
82 | {children}
83 |
45 |
101 | );
102 | };
103 |
104 | interface FolderNoteCardProps {
105 | id: string;
106 | }
107 |
108 | export const FolderNoteCard: React.FC setShowContents(!showContents)}
47 | className="group flex cursor-pointer items-center pl-1 px-2 py-0.5 hover:bg-gray-200 dark:hover:bg-black-600"
48 | >
49 |
93 | {showContents && (
94 |
50 | {showContents ? (
51 |
57 | 58 | {name} 59 |
60 | 92 |
95 | {notes.map((note, i) => (
96 |
99 | )}
100 |
118 |
122 |
123 | 119 | {data?.getNote.title} 120 |
121 |
166 |
167 |
202 |
203 | );
204 | };
205 |
--------------------------------------------------------------------------------
/server/src/resolvers/user.ts:
--------------------------------------------------------------------------------
1 | import {
2 | Resolver,
3 | Mutation,
4 | Arg,
5 | Field,
6 | Ctx,
7 | ObjectType,
8 | Query,
9 | UseMiddleware,
10 | } from "type-graphql";
11 | import { Context } from "../types";
12 | import { User } from "../entities/User";
13 | import argon2 from "argon2";
14 | import { COOKIE_NAME, FORGET_PASSWORD_PREFIX } from "../constants";
15 | import { UserInput } from "../schemas/UserInput";
16 | import { validateRegister } from "../utils/validateRegister";
17 | import { sendEmail } from "../utils/sendEmail";
18 | import { v4 } from "uuid";
19 | import { getConnection } from "typeorm";
20 | import { isAuth } from "../middleware/isAuth";
21 |
22 | @ObjectType()
23 | export class FieldError {
24 | @Field()
25 | field: string;
26 | @Field()
27 | message: string;
28 | }
29 |
30 | @ObjectType()
31 | class UserResponse {
32 | @Field(() => [FieldError], { nullable: true })
33 | errors?: FieldError[];
34 |
35 | @Field(() => User, { nullable: true })
36 | user?: User;
37 | }
38 |
39 | @Resolver(User)
40 | export class UserResolver {
41 | @Mutation(() => UserResponse)
42 | async changePassword(
43 | @Arg("token") token: string,
44 | @Arg("newPassword") newPassword: string,
45 | @Ctx() { redis, req }: Context
46 | ): Promise
173 | {
179 | if (e.target.value.trim().length == 0) {
180 | return;
181 | } else {
182 | setTitle(e.target.value);
183 | }
184 | }}
185 | />
186 |
201 |
187 | (
193 |
200 |
194 |
196 | )}
197 | onKeyDown={onKeyDown}
198 | />
199 | {children}
195 |
52 |
108 |
172 | ) : (
173 | setFindOpen(true)}
110 | className="flex items-center px-2 py-1.5 cursor-pointer hover:bg-gray-200 dark:hover:bg-black-600"
111 | >
112 |
117 | 114 | Quick Find 115 |
116 | setSettingsOpen(true)}
119 | className="flex items-center px-2 py-1.5 cursor-pointer hover:bg-gray-200 dark:hover:bg-black-600"
120 | >
121 |
126 |
171 | 123 | Settings 124 |
125 |
174 |
176 | )}
177 |
172 | setImageOpen(true)}
193 | />
194 | {saving ? (
195 |
270 | );
271 | };
272 |
--------------------------------------------------------------------------------
/web/src/components/ui/modals/Settings.tsx:
--------------------------------------------------------------------------------
1 | /* eslint-disable @next/next/no-img-element */
2 | import React, { Fragment, useState, createRef, ChangeEvent } from "react";
3 | import { Dialog, Transition } from "@headlessui/react";
4 | import {
5 | useForgotPasswordMutation,
6 | useLogoutMutation,
7 | useMeQuery,
8 | useUpdateNameMutation,
9 | } from "../../../generated/graphql";
10 | import { useApolloClient } from "@apollo/client";
11 | import { useRouter } from "next/router";
12 | import { Spinner } from "../../shared/Spinner";
13 | import Axios from "axios";
14 |
15 | interface SettingsModalProps {
16 | open: boolean;
17 | setOpen: any;
18 | }
19 |
20 | export const SettingsModal: React.FC196 | Saving... 197 |
198 | ) : ( 199 |200 | Saved{" "} 201 | 202 | {timeSinceShort(note.updatedAt)} ago 203 | 204 |
205 | )} 206 |
207 | {data && !loading && (
208 | <>
209 | setOpen(true)}
250 | className="p-1 ml-2 rounded-sm cursor-pointer w-7 h-7 hover:bg-gray-100 dark:text-gray-200 dark:hover:bg-gray-700"
251 | />
252 |
253 | )}
254 |
255 |
210 |
211 |
247 |
248 |
212 |
213 |
214 | {selected}
215 |
216 |
217 |
223 |
224 | {data.me?.folders.map((folder) => (
225 |
230 |
231 | {folder.name}
232 |
233 |
234 | ))}
235 |
239 |
240 | No Folder
241 |
242 |
243 |
244 |
245 |
246 |
12 |
13 | Dino
14 |
15 |
285 | );
286 | };
287 |
288 | export default Product;
289 |
--------------------------------------------------------------------------------
/web/src/pages/index.tsx:
--------------------------------------------------------------------------------
1 | /* eslint-disable react/no-unknown-property */
2 | import type { NextPage } from "next";
3 | import { useMeQuery } from "../generated/graphql";
4 | import { ShowcaseNavbar } from "../components/showcase/Navbar";
5 | import NextLink from "next/link";
6 | import { useRouter } from "next/router";
7 | import Head from "next/head";
8 |
9 | const Home: NextPage = () => {
10 | const { data, loading } = useMeQuery();
11 | const router = useRouter();
12 | if (!loading && data?.me != null) {
13 | router.push("/app");
14 | }
15 | return (
16 |
17 |
43 |
18 |
28 |
29 |
32 |
33 |
34 |
35 | 19 | Simple and smart. 20 |
21 |
22 | Dino is a new way to jot down your thoughts
23 | and all the stuff that you want to access easily and
24 | quickly. Cos
25 | {"'"} not everything is about productivity
26 |
36 | 
41 |
42 |
41 |
44 |
68 |
45 | 
50 |
59 |
50 | 51 | Easy to use 52 |
53 |
54 | Unlike other tools, Dino has a zero
55 | learning curve which means you can start using it
56 | without any confusion
57 |
60 | 
66 |
67 |
66 |
69 |
97 |
70 | 
75 |
84 |
75 | 76 | Clean and organised 77 |
78 |
79 | Dino user interface is clean, minimal and
80 | organised so you only get to see your docs when you want
81 | to
82 |
85 | {/* 
*/}
90 | 
95 |
96 | */}
90 |
95 |
98 |
212 |
213 |
217 |
218 |
221 |
222 |
223 |
224 | 214 | Try Dino today 215 |
216 |
225 |
284 |
226 |
232 | Terms {"&"} Privacy
233 |
234 |
240 | Security
241 |
242 |
248 | Status
249 |
250 |
256 | Docs
257 |
258 |
264 | Pricing
265 |
266 |
272 | Blog
273 |
274 |
280 | About
281 |
282 |
283 |
17 |
18 | Dino
19 |
20 |
291 | );
292 | };
293 |
294 | export default Home;
295 |
--------------------------------------------------------------------------------
22 |
49 |
23 |
24 | All your notes.
25 |
27 |
34 |
35 |
38 |
39 |
40 |
41 |
24 | All your notes.
25 |
everywhere
26 |
27 |
28 | Dino is a new way to jot down your thoughts
29 | and all the stuff that you want to access easily and
30 | quickly. Cos
31 | {"'"} not everything is about productivity
32 |
42 | 
47 |
48 |
47 |
50 |
74 |
51 |
56 |
65 |
56 | 57 | Easy to use 58 |
59 |
60 | Unlike other tools, Dino has a zero
61 | learning curve which means you can start using it
62 | without any confusion
63 |
66 |
72 |
73 |
72 |
75 |
103 |
76 |
81 |
90 |
81 | 82 | Clean and organised 83 |
84 |
85 | Dino user interface is clean, minimal and
86 | organised so you only get to see your docs when you want
87 | to
88 |
91 | {/* */}
96 | 
101 |
102 | */}
96 |
101 |
104 |
218 |
219 |
223 |
224 |
227 |
228 |
229 |
230 | 220 | Try Dino today 221 |
222 |
231 |
290 |
232 |
238 | Terms {"&"} Privacy
239 |
240 |
246 | Security
247 |
248 |
254 | Status
255 |
256 |
262 | Docs
263 |
264 |
270 | Pricing
271 |
272 |
278 | Blog
279 |
280 |
286 | About
287 |
288 |
289 |