---
# System prepended metadata

title: 'v1.5 Travii Review: Post-Dev Updates Part 1'
tags: [Dungeon Master]

---

---
###### tags: `Dungeon Master`
---

# v1.5 Travii Review: Post-Dev Updates Part 1
December 15, 2022

### Cited Changes from Devs
- Intuitive filters and sort options
- A command pallete for app wide search (cmd + k)
- Member detail: showing raids a member has been on
- Added a very slim dashboard with my raids and new raids

---

### First Impressions
- Two new categories in the nav bar: `Consultations` & `Applications`
- Still need to develop a landing page before dApp
- New verify account modal

### Dashboard
- New page: add to docs
- Spacing of `My Raids` is funky - should be aligned with `New Raids`
- Removed left nav bar?

### Raids
- No sort/filters?
- `Roles Required` is new
- `Tags` not working: can't add or remove
- `Updates` not working: not added to raid, no submit toast
- `Add Role/Raider` not working: no response, no toasts
- `Edit` raid details requires a refresh

### Consultations
- General UX needed: 
    - hierarchy of importance of card info
    - Specs should be its own button?
    - what info a cleric needs to `Create Raid`: what is the most significant info

### Members
- Cards are full width? Poor use of real estate
- No filtering, tags, search... no nav bar? How to search members now?
- UX test: no need for a `Members` menu tab if the only way to find a member is through search

### Applications
- Cards are full width again?
- No filtering, tags, seach... no nav bar
- In detail view: `Create Member` button doesn't work

### Footer (new)
- `Consultation Queue` link > HireUs/bids = isn't this redundant to the `Consultations` menu tab in DM?
- Each has different info:
    - DM Consultations allows clerics to``Start Raid`
    - HireUs/bids displays $RAID bidding leader board
    - This info should be compiled into a single UI
- `Smart Invoice` link: shouldn't SI be more integrated into the raid setup flow?

### Design System Tweaks
- Remove glow of the fonts
- Gradient button is difficult to read
- Not enough color contrast (lacks user accessibility, should run report)
- HireUs uses a different visual design?
- All card spacing
- All padding (to make consistent)

---
---

# v1.5 Travii Review: Post-Dev Updates Part 2
December 19, 2022

## New Documentation IA
[Correlated to the e2t screenshots](https://www.figma.com/file/QJsr8NKYk1Wfy2x9AGdZ4F/Dungeon-Master-v1.5?node-id=0%3A1&t=TiJ3UYNY7Du21kcx-1)

🔴 High priority
🟡 Medium priority
🟢 Low priority

## General

### Home Page

- No changes needed

### Connect Wallet

- New flow (Rainbow kit?): seems to be working fine.

### Dashboard

- New flow: seems to be working
- 🟢 Feedback: The Dashboard should be a high-level nav of everything that can be done. Currently its just a list.

### Search

- 🔴 New flow: icon instead of form field - does not work - **broken**
    - Clicking icon should bring up the search modal similar to `ctl+k`
- 🟢 No need to have the redundancy of the `Navigate` section of the modal, since these menu options are already visible on every page.
    - 🟢 Recommendation: modal reduced to just search, no nav options, or a click expands the icon to a form field 
    - 🟢 `Link` text seems superfluous, since the search data is clickable itself. Remove. 
- 🟡 Cannot search by raid status (Awaiting, preparing, raiding, lost, shipped) 

## Raids

### Raids-Landing

- 🔴 Search has been added, still no sort. Probably need to add sort. 
- 🟡 Default sort is unclear: what is the sort criteria when this page loads?
- 🟡 What happened to the left nav bar? Sorting by raid status seemed useful.

### Raids-Loading

- 👍🏽 Loads fast!

### Raids-Sort

- 🔴 Currently completely missing. No sort options available.

### View-Details (Card detail view)

- 🔴 Page glitches when moving cursor. This glitchy-ness is happening thoughout the app.

### Update-Status

- 🟢 Clicking on raid status: toast could stay on screen longer and should be moved up into view
- 🟡 Status sometimes updates without refresh but this is not consistent

### Update-Raid-Details

- 🟢 Action of the `Edit` button is unclear.
- 🔴 When making changes in the modal (Raid Name, Raid Category, Raid Start/End Date), screen flashes and resets changes before they can be saved.
- 🟡 Raid Start/End Date is not displayed in card view.
- 🔴 Cannot edit `Invoice Address` field, nor is it displayed on the card.
- 🟢 `Name` and `Category` are updating fine - usually requires a refresh.
- 🔴 General crazy glitchy-ness causing friction.
- 🟢 `n/a` on the card under `Project Details` that doesn't seem to be correlated to the headings?
- 🟢 There is a `Show More` link, but nothing more to show.
- 🔴 Most information is not editable. All data should be editable. **Travii's's should offer design recommendations, can provide wireframed options, can test this in milestone 2**
    - Project Details
        - Budget
        - Desired Delivery
        - Project Type
        - Specs
        - Delivery Priority
    - Key Links:
        - Project Specs (redundant to Specs above?)
    - Client Point of Contact
        - Name
        - Email
        - Discord
        - Bio
    - Additional Info
        - Raid ID

### Add-Raider

- 🟢 Remove extra step: starts as text `+ Add Role or Raider` (should remove the + or Add). When clicked become two buttons. This additional click is unnecessary.
- 🟡 If the flow is initiated and the user switches screens (views another open window) and switches back, the flow resets.
- 🔴 Add Raider: Clicking `Add` nothing happens - **broken**
- 🔴 Add Role: Clicking `Add` nothing happens - **broken**
- 🔴 Screen consistently glitches 😿

### Add-Tag

- 🟡 This feature is not currently working - **broken** (low priority feature, but if it doesn't work lets just remove it)

### Add-Update

- 🔴 Status Update > `Add Update` > clicking opens Update form field > clicking on `Submit` is unresponsive - **broken**
    - Refreshing page loses form field content and resets page, lost changes

### Cancel-Raid

- 🔴 `Cancel` button is completely removed/missing? Cannot cancel raids. 

## Consultations

### View-Consultations

- 🟡 No sort: no way to sort the consultation cards, no indication of how they are default sorted (alphabetical?)
    - How might we visually highlight the cards that are priority? Sorting, color, etc.
    - Recommendation: adding connection to the $RAID bid amount pulled from the consultation queue

### View-Details

- 🔴 Most information is not editable. All data should be editable. **Travii's's should offer design recommendations, can provide wireframed options, can test this in milestone 2** (Same comment as above.)
    - All the same categories as the live raid card. 
- 🟢 If the carrot is clicked to expand the view, then the user navigates away and returns, the screen view is reset.

### Create-Raid

- 🔴 Clicking `Create Raid` button does nothing - **broken**

## Members

### Members-Landing

- 🟢 Could/should display a landing page before the members list

### Loading-Members

- 👍🏽 Loading is fast!

### View-Members

- 🟡 No sort option, defaul sort is unclear.
- 🔴 Lost left nav bar: no way to sort/filter through Raid Member classes. Should add back or provide a way to sort.

### Search-Members

- 🟡 No sort/filter options. Refer to Raids search comments.

### Sort-Members

- 🔴? Removed? Reference above comment.

### Member-Details

- 🟢 Displays `Not Raiding` while there is an active raid assigned to member
![](https://i.imgur.com/2lHcD3S.png)
- 🟡 Member card is not displaying data in detail view (does display on the meta card view though):
    - Email
    - Telegram
    - Twitter
    - Guild Class

### Edit-Profile

- 🔴 Cannot edit ENS/ETH Address on edit modal - no wallet info at all
- 🔴 Cannot edit primary or secondary skills (displayed but not functional)

## Applications

### View-Applicants

- 🟢 Could/should have a landing page before displaying applicants?
- 🟢 Applicants don't need a raid status?
![](https://i.imgur.com/6LOs9Vk.jpg)

### Applicant-Details

- 🟡 Information gatehred in the application process that is not displayed on the card.

### Create-Member

- 🔴 `Create Member` button does not work - **broken**

---

### UI/Design System Comment Bucket

- Too many fonts: seems to be 6 fonts being used? Or am I trippin?
    - 3 fonts being used in the footer
    - Overall: reduce to 2 fonts
![](https://i.imgur.com/mEvrVck.jpg)
- Update the loading spinner to be RaidGuild themed?
- Detail Card View > clicking on `Edit` > Update Raid modal > `Update Raid` button has a white outline
- Revisit padding/spacing throughout app to make consistent (instantiate the use of a grid across all screens)
    - Cards display at different sizes on various screens. Should be made consistent throughout.
- Decide on a standard for indentation - all left or all centered
- Too many different button styles. Buttons are too different from each other. Examples:
![](https://i.imgur.com/vIt1InG.jpg)
![](https://i.imgur.com/zONMADB.jpg)
![](https://i.imgur.com/vKwwq1Y.jpg)
- Some frames are very rounded, some slightly rounded, some not rounded. Should make consistent across the design system. Examples:
![](https://i.imgur.com/F0x1GcL.jpg)
![](https://i.imgur.com/mn6UgHI.jpg)
![](https://i.imgur.com/1sjyPTO.jpg)


---


# v1.5 Travii - Scott's iteration
December 19, 2022

## New Documentation IA
[Correlated to the e2t screenshots](https://www.figma.com/file/QJsr8NKYk1Wfy2x9AGdZ4F/Dungeon-Master-v1.5?node-id=0%3A1&t=TiJ3UYNY7Du21kcx-1)

🔴 High priority
🟡 Medium priority
🟢 Low priority

## General

### Home Page

- No changes needed

### Connect Wallet

- New flow (Rainbow kit?): seems to be working fine.

### Dashboard

- New flow: seems to be working
- 🟢 Feedback: The Dashboard should be a high-level nav of everything that can be done. Currently its just a list.
### Search

- 🔴 New flow: icon instead of form field - does not work
    - *use cmd + k to activate search as the icon indicates -Scott* 
- **broken**
    - Clicking icon should bring up the search modal similar to `ctl+k`
- 🟢 No need to have the redundancy of the `Navigate` section of the modal, since these menu options are already visible on every page.
    - 🟢 Recommendation: modal reduced to just search, no nav options, or a click expands the icon to a form field 
    - 🟢 `Link` text seems superfluous, since the search data is clickable itself. Remove. 
- 🟡 Cannot search by raid status (Awaiting, preparing, raiding, lost, shipped) 

## Raids

### Raids-Landing

- [x] Search has been added, still no sort. Probably need to add sort. 
- [x] Default sort is unclear: what is the sort criteria when this page loads?
- [x] What happened to the left nav bar? Sorting by raid status seemed useful.
    - *filters added -Scott*

### Raids-Loading

- 👍🏽 Loads fast!

### Raids-Sort

- [x] Currently completely missing. No sort options available.

### View-Details (Card detail view)

- 🔴 Page glitches when moving cursor. This glitchy-ness is happening thoughout the app.
    - *we'll be digging into these re-renders while you're out -Scott*

### Update-Status

- 🟢 Clicking on raid status: toast could stay on screen longer and should be moved up into view
- 🟡 Status sometimes updates without refresh but this is not consistent

### Update-Raid-Details

- 🟢 Action of the `Edit` button is unclear.
- 🔴 When making changes in the modal (Raid Name, Raid Category, Raid Start/End Date), screen flashes and resets changes before they can be saved.
    - *same re-render issue as above -Scott*
- 🟡 Raid Start/End Date is not displayed in card view.
    - *this replaces created date when available -Scott*
- 🔴 Cannot edit `Invoice Address` field, nor is it displayed on the card.
- 🟢 `Name` and `Category` are updating fine - usually requires a refresh.
- 🔴 General crazy glitchy-ness causing friction.
    - same re-render problem as above -Scott
- 🟢 `n/a` on the card under `Project Details` that doesn't seem to be correlated to the headings?
- 🟢 There is a `Show More` link, but nothing more to show.
- 🔴 Most information is not editable. All data should be editable. **Travii's's should offer design recommendations, can provide wireframed options, can test this in milestone 2**
    - Project Details
        - Budget
        - Desired Delivery
        - Project Type
        - Specs
        - Delivery Priority
    - Key Links:
        - Project Specs (redundant to Specs above?)
    - Client Point of Contact
        - Name
        - Email
        - Discord
        - Bio
    - Additional Info
        - Raid ID
    - *Most information is not editable, it can be made editable as a part of the permissions flow. UX is now out of scope -Scott*

### Add-Raider

- 🟢 Remove extra step: starts as text `+ Add Role or Raider` (should remove the + or Add). When clicked become two buttons. This additional click is unnecessary.
- 🟡 If the flow is initiated and the user switches screens (views another open window) and switches back, the flow resets.
- [x] Add Raider: Clicking `Add` nothing happens - **broken**
- [x] Add Role: Clicking `Add` nothing happens - **broken**
- 🔴 Screen consistently glitches 😿
    - *same rendering issue as above -Scott*

### Add-Tag

- 🟡 This feature is not currently working - **broken** (low priority feature, but if it doesn't work lets just remove it)
    - *hidden -Scott*

### Add-Update

- [x] Status Update > `Add Update` > clicking opens Update form field > clicking on `Submit` is unresponsive - **broken**
    - Refreshing page loses form field content and resets page, lost changes
        - *UX for caching this is out of scope between refreshes -Scott*

### Cancel-Raid

- 🔴 `Cancel` button is completely removed/missing? Cannot cancel raids.
    - *Raids are not cancelable. Raids can be shipped or Lost. Consultations can be cancelled and may be missing currently. -Scott*

## Consultations

### View-Consultations

- [x] No sort: no way to sort the consultation cards, no indication of how they are default sorted (alphabetical?)
    - How might we visually highlight the cards that are priority? Sorting, color, etc.
    - Recommendation: adding connection to the $RAID bid amount pulled from the consultation queue

### View-Details

- 🔴 Most information is not editable. All data should be editable. **Travii's's should offer design recommendations, can provide wireframed options, can test this in milestone 2** (Same comment as above.)
    - All the same categories as the live raid card. 
- 🟢 If the carrot is clicked to expand the view, then the user navigates away and returns, the screen view is reset.

### Create-Raid

- 🔴 Clicking `Create Raid` button does nothing - **broken**
    - *To Do -Scott*

## Members

### Members-Landing

- 🟢 Could/should display a landing page before the members list

### Loading-Members

- 👍🏽 Loading is fast!

### View-Members

- [x] No sort option, defaul sort is unclear.
- [x] Lost left nav bar: no way to sort/filter through Raid Member classes. Should add back or provide a way to sort.

### Search-Members

- [x] No sort/filter options. Refer to Raids search comments.

### Sort-Members

- [x] ? Removed? Reference above comment.

### Member-Details

- 🟢 Displays `Not Raiding` while there is an active raid assigned to member
![](https://i.imgur.com/2lHcD3S.png)
- 🟡 Member card is not displaying data in detail view (does display on the meta card view though):
    - Email
    - Telegram
    - Twitter
    - Guild Class

### Edit-Profile

- 🔴 Cannot edit ENS/ETH Address on edit modal - no wallet info at all
- 🔴 Cannot edit primary or secondary skills (displayed but not functional)
    - *both of these weren't available in v1. UX introduces permissions questions. -Scott*

## Applications

### View-Applicants

- 🟢 Could/should have a landing page before displaying applicants?
- 🟢 Applicants don't need a raid status?
![](https://i.imgur.com/6LOs9Vk.jpg)

### Applicant-Details

- 🟡 Information gatehred in the application process that is not displayed on the card.

### Create-Member

- 🔴 `Create Member` button does not work - **broken**
    - *To Do -Scott*

---

### UI/Design System Comment Bucket

- [x] Too many fonts: seems to be 6 fonts being used? Or am I trippin?
    - 3 fonts being used in the footer
    - Overall: reduce to 2 fonts
![](https://i.imgur.com/mEvrVck.jpg)
- Update the loading spinner to be RaidGuild themed?
    - *is it not? -Scott*
    - https://raid-guild.github.io/design-system/?path=/story/components-atoms-spinner--spinner
- Detail Card View > clicking on `Edit` > Update Raid modal > `Update Raid` button has a white outline
- Revisit padding/spacing throughout app to make consistent (instantiate the use of a grid across all screens)
    - Cards display at different sizes on various screens. Should be made consistent throughout.
- Decide on a standard for indentation - all left or all centered
- Too many different button styles. Buttons are too different from each other. Examples:
![](https://i.imgur.com/vIt1InG.jpg)
![](https://i.imgur.com/zONMADB.jpg)
![](https://i.imgur.com/vKwwq1Y.jpg)
- Some frames are very rounded, some slightly rounded, some not rounded. Should make consistent across the design system. Examples:
![](https://i.imgur.com/F0x1GcL.jpg)
![](https://i.imgur.com/mn6UgHI.jpg)
![](https://i.imgur.com/1sjyPTO.jpg)

*These are all design system issues and should be raised there -Scott*
