microbiomedata / nmdc-server

Data portal client and server for NMDC.
https://data.microbiomedata.org
Other
9 stars 0 forks source link

Update submission portal landing page to emphasize the need to login before submitting #1187

Closed eecavanna closed 2 days ago

eecavanna commented 7 months ago

This issue represents the task of addressing the feedback @shreddd posted at https://github.com/microbiomedata/nmdc-server/issues/1144#issuecomment-1995981463.

The gist of the task is (in my own words): Update the submission portal landing page that is displayed to logged-out users, in a way that makes it more likely that they understand that they won't be able to create a submission unless they login first.

Here is what the (top part of the) page looks like today:

image
eecavanna commented 7 months ago

One thing I've noted while working on this is that the original prompt said:

Login [...] to access the Submission Portal.

Since the page header already says "Submission Portal," visitors might not know what the benefit is of logging in.

That is as opposed to the prompt saying, for example:

Login [...] to submit data.

Here's what the latter looks like in place:

image
eecavanna commented 7 months ago

Here's what the latter looks like in place, with a heading above it and with more margin above the gray box.

image
See code (diff) used to achieve this ```diff diff --git a/web/src/views/SubmissionPortal/Components/LoginPrompt.vue b/web/src/views/SubmissionPortal/Components/LoginPrompt.vue index 50a5d85..68ebe6f 100644 --- a/web/src/views/SubmissionPortal/Components/LoginPrompt.vue +++ b/web/src/views/SubmissionPortal/Components/LoginPrompt.vue @@ -12,15 +12,17 @@ export default defineComponent({