Add project edit panel (#240)

* add project edit dialog

* fix dialog

.gitignore

@@ -18,7 +18,6 @@ node_modules
 .env.production.local
 .env
 deploy.env
-.vscode
 
 npm-debug.log*
 yarn-debug.log*

.vscode/extensions.json

@@ -0,0 +1,11 @@
+{
+  // See https://go.microsoft.com/fwlink/?LinkId=827846
+  // for the documentation about the extensions.json format
+  "recommendations": [
+    "dbaeumer.vscode-eslint",
+    "editorconfig.editorconfig",
+    "esbenp.prettier-vscode",
+    "Prisma.prisma",
+    "inlang.vs-code-extension"
+  ]
+}

.vscode/settings.json

@@ -0,0 +1,38 @@
+{
+  "editor.tabSize": 2,
+  "editor.insertSpaces": true,
+  "editor.formatOnSave": true,
+  "eslint.enable": true,
+  "eslint.lintTask.enable": true,
+  "eslint.lintTask.options": "--ext .js,.jsx,.ts,.tsx,.graphql .",
+  "eslint.validate": [
+    "javascript",
+    "javascriptreact",
+    "typescript",
+    "typescriptreact"
+  ],
+  "editor.codeActionsOnSave": {
+    "source.fixAll": true
+  },
+  "files.insertFinalNewline": true,
+  "files.trimTrailingWhitespace": true,
+  "[markdown]": {
+    "files.trimTrailingWhitespace": false,
+    "editor.wordWrap": "off",
+    "editor.formatOnSave": false,
+    "editor.formatOnPaste": false,
+    "editor.formatOnType": false
+  },
+  "[prisma]": {
+    "editor.defaultFormatter": "Prisma.prisma"
+  },
+  "json.schemas": [
+    {
+      "url": "https://cdn.jsdelivr.net/npm/tsup/schema.json",
+      "fileMatch": [
+        "package.json",
+        "tsup.config.json"
+      ]
+    }
+  ]
+}

apps/backend/src/index.ts

@@ -42,7 +42,6 @@ async function main() {
   }));
 
   app.disable('x-powered-by');
-
   app.use(express.json());
   app.use(express.urlencoded({ extended: true }));
   app.use(sessionParser);

apps/frontend/src/components/SigninMenu.tsx

@@ -1,7 +1,7 @@
 import { IconButton, Menu, MenuItem } from "@mui/material";
 import Button from "@mui/material/Button";
 import * as React from "react";
-import { Trans } from "react-i18next";
+import { useTranslation } from "react-i18next";
 import { useLocation, useNavigate } from "react-router";
 
 import { trpc, UserMe } from "~utils/trpc";
@@ -12,6 +12,8 @@ export const SigninMenu = ({ user }: { user: UserMe }) => {
   const navigate = useNavigate();
   const location = useLocation();
 
+  const { t } = useTranslation();
+
   const [anchorEl, setAnchorEl] = React.useState<null | HTMLElement>(null);
   const open = Boolean(anchorEl);
 
@@ -80,7 +82,7 @@ export const SigninMenu = ({ user }: { user: UserMe }) => {
               fontSize: 13,
             }}
           >
-            <Trans i18nKey={"menu.signup"} />
+            {t("menu.signup")}
           </Button>
           <Button
             data-testid="header-login-button"
@@ -91,7 +93,7 @@ export const SigninMenu = ({ user }: { user: UserMe }) => {
               fontSize: 13,
             }}
           >
-            <Trans i18nKey={"menu.login"} />
+            {t("menu.login")}
           </Button>
         </div>
       )}
@@ -133,20 +135,20 @@ export const SigninMenu = ({ user }: { user: UserMe }) => {
       >
         {user && user.role == "Admin" ? (
           <MenuItem onClick={handleOpenAdmin} data-testid="header-admin-button">
-            <Trans i18nKey={"menu.admin"} />
+            {t("menu.admin")}
           </MenuItem>
         ) : null}
         <MenuItem onClick={handleProfile} data-testid="header-profile-button">
-          <Trans i18nKey={"menu.profile"} />
+          {t("menu.profile")}
         </MenuItem>
         <MenuItem
           onClick={handleSettingsClick}
           data-testid="header-settings-button"
         >
-          <Trans i18nKey={"menu.settings"} />
+          {t("menu.settings")}
         </MenuItem>
         <MenuItem onClick={handleLogout} data-testid="header-logout-button">
-          <Trans i18nKey={"menu.logout"} />
+          {t("menu.logout")}
         </MenuItem>
       </Menu>
     </div>