Document project members

Author: Su5eD

apps/docs/content/en/docs/portal/_meta.tsx

@@ -1,3 +1,4 @@
 export default {
-  'publishing': ''
+  'publishing': '',
+  'management': ''
 };

apps/docs/content/en/docs/portal/management.mdx

@@ -0,0 +1,38 @@
+import {Callout} from 'nextra/components';
+
+# Project management
+
+The project dashboard is where you find all your project information. You can tweak project settings, deploy new
+versions, list registered game content and more.
+
+## Deployments
+
+Deployments serve as a version history for Wiki projects. Every time you make changes to your documentation in the
+source repository, you'll need to create a new Deployment to publish them on the website.
+
+For your own convenience, we recommend automatically revalidating docs after publication using our
+[Gradle plugin](./devs#-gradle-plugin-companion) instead.
+
+## Members
+
+You can grant access to your project to other Wiki users under the "Members" tab.
+
+Members can be added by their Wiki username, which can be found in the [User Settings](https://moddedmc.wiki/en/dev/settings) page.
+Generally, this will be the lowercase username of the GitHub account you use to sign in to the Wiki.
+
+<Callout type="warning">
+    A user must have an active Wiki account to be added to projects. If you're getting a *User not found* error when
+    trying to add your teammates by their GitHub username, make sure they log in to the Wiki first!
+</Callout>
+
+### Roles
+
+When adding team members, you can choose between two available roles:
+
+- **Owner** - has **full access** to the project. This includes deleting the project or removing other owners!
+- **Member** - can edit project settings and create new deployments. Cannot manage members nor delete the project.
+
+### Leaving projects
+
+Users with the "Member" role may leave projects on their own at any time by using the Members tab.
+However, owners can only leave as long as they are not the only owner.

apps/docs/content/en/docs/portal/publishing.mdx

@@ -125,10 +125,4 @@ the repository. There is no need to prefix the path with a branch or tag name.
 When your project registration succeeds, you'll be redirected to the project management dashboard and a
 new deployment will be created automatically.
 
-### Deployments
-
-Deployments serve as a version history for Wiki projects. Every time you make changes to your documentation in the
-source repository, you'll need to create a new Deployment to publish them on the website.
-
-For your own convenience, we recommend automatically revalidating docs after publication using our
-[Gradle plugin](./devs#-gradle-plugin-companion) instead.
+See the [Project management](management) to learn about the project dashboard panel.

apps/web/src/app/[locale]/(dashboard)/dev/(home)/settings/page.tsx

@@ -37,15 +37,18 @@ function UserProfileInfo({user}: { user: UserProfile }) {
         <img src={user.avatar_url} width={84} height={84} className="rounded-sm" alt="avatar"/>
       </div>
 
-      <div className="flex w-full flex-col justify-between gap-2">
-        <div className="flex flex-row items-center justify-between">
-          <span className="text-lg text-primary-alt">
-            {user.username}
+      <div className="flex w-full flex-col">
+        <div className="mb-0.5 flex flex-row items-center justify-between">
+          <span className="text-lg leading-5 text-primary-alt">
+            {user.name}
           </span>
           {user.role === UserRole.ADMIN &&
             <AdminBadge />
           }
         </div>
+        <div className="mb-auto text-sm text-secondary">
+          {user.username}
+        </div>
         <div className="flex justify-between text-sm text-secondary">
           <span>{t('bio')}</span>
           <span>{t('join_date', {date: joinDate})}</span>

packages/shared/src/types/api/auth.ts

@@ -4,6 +4,7 @@ export enum UserRole {
 }
 
 export interface UserProfile {
+  name: string;
   username: string;
   avatar_url: string;
   modrinth_id: string | null;