@openneuro/app 4.34.2 → 4.35.0-alpha.1

package/src/scripts/validation/__tests__/__snapshots__/validation-issues.spec.tsx.snap

@@ -9,8 +9,17 @@ exports[`Issue component > renders one issue 1`] = `
       class="e-meta"
     >
       <label>
-        /dataset_description.json
+        Location:
       </label>
+       /dataset_description.json
+    </div>
+    <div
+      class="e-meta"
+    >
+      <label>
+        Subcode:
+      </label>
+       DatasetType
     </div>
     <div
       class="e-meta"

package/src/scripts/validation/validation-issues.tsx

@@ -18,15 +18,19 @@ export function Issue({ datasetIssues, issue, groupBy }: IssueProps) {
       {groupBy === "location"
         ? (
           <div className="e-meta">
-            <label>{issue.code}</label>
-            <span>{issue.subCode ? ` - ${issue.subCode}` : ""}</span>
+            <label>Code:</label> {issue.code}
           </div>
         )
         : (
           <div className="e-meta">
-            <label>{issue.location}</label>
+            <label>Location:</label> {issue.location}
           </div>
         )}
+      {issue.subCode && (
+        <div className="e-meta">
+          <label>Subcode:</label> {issue.subCode}
+        </div>
+      )}
       <div className="e-meta">
         <label>Rule:</label> {issue.rule}
       </div>

package/src/scripts/components/user/UserMenu.tsx

@@ -1,72 +0,0 @@
-import React from "react"
-import { Link } from "react-router-dom"
-import { Dropdown } from "../dropdown/Dropdown"
-import "./user-menu.scss"
-
-export interface UserMenuProps {
-  profile: {
-    name: string
-    admin: boolean
-    email: string
-    provider: string
-  }
-  signOutAndRedirect: () => void
-}
-
-export const UserMenu = ({ profile, signOutAndRedirect }: UserMenuProps) => {
-  return (
-    <Dropdown
-      className={"user-menu-dropdown"}
-      label={<div className="user-menu-label">My Account</div>}
-      children={
-        <div className="user-menu-dropdown-list">
-          <ul>
-            <li className="dropdown-header">
-              <p>
-                <span>Hello</span> <br />
-                {profile.name}
-              </p>
-              <p>
-                <span>signed in as</span>
-                <br />
-                {profile.email}
-                {" "}
-              </p>
-              <p>
-                <span>via</span>
-                <br /> {profile.provider}
-              </p>
-            </li>
-            <li>
-              <Link to="/search?mydatasets">My Datasets</Link>
-            </li>
-            <li className="user-menu-link">
-              <Link to="/keygen">Obtain an API Key</Link>
-            </li>
-            {profile.provider !== "orcid" && (
-              <li className="user-menu-link">
-                <a href="/crn/auth/orcid?link=true">
-                  {" "}
-                  Link ORCID to my account{" "}
-                </a>
-              </li>
-            )}
-            {profile.admin && (
-              <li className="user-menu-link">
-                <Link to="/admin">Admin</Link>
-              </li>
-            )}
-            <li className="user-menu-link">
-              <a
-                onClick={() => signOutAndRedirect()}
-                className="btn-submit-other"
-              >
-                Sign Out
-              </a>
-            </li>
-          </ul>
-        </div>
-      }
-    />
-  )
-}

package/src/scripts/components/user/user-menu.scss

@@ -1,88 +0,0 @@
-@import '../scss/variables';
-
-.user-menu-dropdown {
-  position: relative;
-  .menu {
-    box-shadow: 0px 0px 5px -4px black;
-    background-color: #fff;
-    border-radius: $border-radius-default;
-    width: 100%;
-    min-width: 250px;
-    right: 0px;
-    top: 60px;
-  }
-
-  .user-menu-dropdown-list {
-    ul {
-      list-style: none;
-      margin: 0;
-      padding: 20px;
-      li {
-        text-align: center;
-        border-bottom: 1px solid $newspaper;
-        &.dropdown-header {
-          padding: 10px 0;
-          font-size: 14px;
-          p:first-child {
-            margin-top: 0;
-          }
-          span {
-            color: #3d3d3d;
-            font-weight: bold;
-            font-size: 12px;
-          }
-        }
-        a {
-          display: block;
-          text-decoration: none;
-          padding: 10px 0;
-          &:hover {
-            background-color: #eee;
-          }
-        }
-        &:last-child {
-          border: 0;
-          margin: 0;
-          padding: 0;
-        }
-      }
-    }
-  }
-
-  .active {
-    img {
-      opacity: 0.5;
-    }
-    i {
-      color: $on-light-aqua;
-    }
-  }
-}
-
-.header-account-btn {
-  display: flex;
-  align-items: center;
-  background: #eee;
-  border-radius: $border-radius-default;
-
-  button.on-no-background.icon-text {
-    color: $on-dark-aqua;
-    margin: 5px 20px 0;
-    font-size: 16px;
-  }
-}
-.header-account-btn .toggle {
-  color: #204e5a;
-  font-weight: bold;
-  font-size: 14px;
-  padding: 20px 24px;
-  @media (max-width: 800px) {
-    padding: 10px;
-  }
-}
-@media (max-width: 800px) {
-  .header-account-btn .dropdown-wrapper .menu {
-    right: -25vw;
-    left: -25vw;
-  }
-}