Make landing page faster

.stylelintrc

@@ -1,5 +1,5 @@
-extends: 
-    - stylelint-a11y
-    - stylelint-config-prettier
-    - stylelint-config-standard
-    - stylelint-config-css-modules
+extends:
+  - stylelint-a11y
+  - stylelint-config-prettier
+  - stylelint-config-standard
+  - stylelint-config-css-modules

components/Admin/FormsTable/Actions.js

@@ -24,7 +24,8 @@ function DeleteEntry({ record }) {
       visible={isVisible}
       onConfirm={confirm}
       okButtonProps={{ loading: loading }}
-      onCancel={() => setVisible(false)}>
+      onCancel={() => setVisible(false)}
+    >
       <Button onClick={() => setVisible(true)} type="link" danger>
         <DeleteOutlined />
       </Button>

components/Admin/FormsTable/NewForm.js

@@ -23,7 +23,8 @@ function NewForm() {
       <Modal title="New Entry" visible={isVisible} onOk={ok} onCancel={() => setVisible(false)}>
         <Form
           form={form}
-          onFinish={(values) => dispatch({ type: 'CREATE', form: values }) && form.resetFields()}>
+          onFinish={(values) => dispatch({ type: 'CREATE', form: values }) && form.resetFields()}
+        >
           <Item
             name="name"
             label={
@@ -39,7 +40,8 @@ function NewForm() {
                 required: true,
                 message: 'Please insert a name.'
               }
-            ]}>
+            ]}
+          >
             <Input placeholder="Nome do Formulário" />
           </Item>
           <Item
@@ -59,7 +61,8 @@ function NewForm() {
                   }
                 }
               }
-            ]}>
+            ]}
+          >
             <Input placeholder="id" />
           </Item>
           <Item
@@ -74,7 +77,8 @@ function NewForm() {
                 type: 'url',
                 message: 'This field must be a valid url.'
               }
-            ]}>
+            ]}
+          >
             <Input placeholder="https://goo.gl/form" />
           </Item>
         </Form>

components/Admin/LinksTable/Actions.js

@@ -23,7 +23,8 @@ function Actions({ record }) {
         visible={isVisible}
         onConfirm={confirmDelete}
         okButtonProps={{ loading: loading }}
-        onCancel={() => setVisible(false)}>
+        onCancel={() => setVisible(false)}
+      >
         <Button onClick={() => setVisible(true)} type="link" danger>
           Delete
         </Button>

components/Admin/LinksTable/NewLink.js

@@ -23,7 +23,8 @@ function NewLink() {
       <Modal title="New Entry" visible={isVisible} onOk={ok} onCancel={() => setVisible(false)}>
         <Form
           form={form}
-          onFinish={(values) => dispatch({ type: 'CREATE', link: values }) && form.resetFields()}>
+          onFinish={(values) => dispatch({ type: 'CREATE', link: values }) && form.resetFields()}
+        >
           <Item
             name="emoji"
             label={
@@ -39,7 +40,8 @@ function NewLink() {
                 required: true,
                 message: 'Please select an emoji.'
               }
-            ]}>
+            ]}
+          >
             <Input defaultValue="" placeholder=":emoji:" />
           </Item>
           <Item
@@ -50,7 +52,8 @@ function NewLink() {
                 required: true,
                 message: 'Please insert a title.'
               }
-            ]}>
+            ]}
+          >
             <Input placeholder="Awesome Link Name" />
           </Item>
           <Item
@@ -65,7 +68,8 @@ function NewLink() {
                 type: 'url',
                 message: 'This field must be a valid url.'
               }
-            ]}>
+            ]}
+          >
             <Input placeholder="https://cesium.link" />
           </Item>
           <Item name="attention" valuePropName="checked">

components/Admin/Navbar/index.js

@@ -49,7 +49,8 @@ function Navbar({ selected }) {
                 <Avatar src={user.picture} icon={<UserOutlined />} />
                 <Typography.Text>{user.name}</Typography.Text>
               </Space>
-            }>
+            }
+          >
             <Menu.Item>
               <LinkTo href="/api/auth/logout">logout</LinkTo>
             </Menu.Item>

components/Admin/RedirectsTable/Actions.js

@@ -24,7 +24,8 @@ function DeleteEntry({ record }) {
       visible={isVisible}
       onConfirm={confirm}
       okButtonProps={{ loading: loading }}
-      onCancel={() => setVisible(false)}>
+      onCancel={() => setVisible(false)}
+    >
       <Button onClick={() => setVisible(true)} type="link" danger>
         <DeleteOutlined />
       </Button>

components/Admin/RedirectsTable/NewRedirect.js

@@ -25,7 +25,8 @@ function NewRedirect() {
           form={form}
           onFinish={(values) =>
             dispatch({ type: 'CREATE', redirect: values }) && form.resetFields()
-          }>
+          }
+        >
           <Item
             name="name"
             label={
@@ -41,7 +42,8 @@ function NewRedirect() {
                 required: true,
                 message: 'Please insert a name.'
               }
-            ]}>
+            ]}
+          >
             <Input placeholder="Title" />
           </Item>
           <Item
@@ -60,7 +62,8 @@ function NewRedirect() {
                   }
                 }
               }
-            ]}>
+            ]}
+          >
             <Input placeholder="slug" />
           </Item>
           <Item
@@ -75,7 +78,8 @@ function NewRedirect() {
                 type: 'url',
                 message: 'This field must be a valid url.'
               }
-            ]}>
+            ]}
+          >
             <Input placeholder="https://goo.gl/form" />
           </Item>
         </Form>

components/EditableTable/EditableCell.js

@@ -24,7 +24,8 @@ const EditableCell = ({
               required: required,
               message: `Please Input ${title}!`
             }
-          ]}>
+          ]}
+        >
           {inputNode}
         </Form.Item>
       ) : (

lib/database.ts

@@ -9,8 +9,6 @@ export default async function dbConnect() {
 
   return mongoose.connect(process.env.MONGODB_URI, {
     useNewUrlParser: true,
-    useUnifiedTopology: true,
-    useFindAndModify: false,
-    useCreateIndex: true
+    useUnifiedTopology: true
   });
 }

lib/utils.ts

@@ -0,0 +1,3 @@
+export function pick(obj, keys) {
+  return Object.assign({}, ...keys.map((key) => ({ [key]: obj[key] })));
+}

models/Link.ts

@@ -3,7 +3,7 @@ import { nanoid } from 'nanoid';
 import { APP_URL } from '~/lib/api';
 
 export interface ILink {
-  _id: string;
+  id: string;
   title: string;
   url: string;
   emoji: string;

next-env.d.ts

@@ -1,3 +1,5 @@
 /// <reference types="next" />
-/// <reference types="next/types/global" />
 /// <reference types="next/image-types/global" />
+
+// NOTE: This file should not be edited
+// see https://nextjs.org/docs/basic-features/typescript for more information.