Group detail tweaks (#75)

allenai · May 11, 2018 · a1bd783 · a1bd783
1 parent d641906
commit a1bd783
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 3 deletions.
diff --git a/ui/src/group/details/GroupDetailsPage.tsx b/ui/src/group/details/GroupDetailsPage.tsx
@@ -9,12 +9,17 @@ import { Switch, Route, Redirect } from 'react-router-dom';
 import GroupComparisonTabContainer from './comparison/GroupComparisonTabContainer';
 import GroupDescription from './GroupDescription';
 import GroupName from './GroupName';
+import CircleSpinner from '../../components/CircleSpinner.jsx';
 
 export interface GroupDetailsPageProps { loggedInUser: User; group: Group; }
 
 export const GroupDetailsPage = (props: GroupDetailsPageProps) => {
   if (!props.group) {
-    return <None/>;
+    return (
+      <CircleSpinner>
+        Loading group...
+      </CircleSpinner>
+    );
   }
 
   const baseURL = '/gr2/' + props.group.id;
@@ -28,6 +33,10 @@ export const GroupDetailsPage = (props: GroupDetailsPageProps) => {
           <GroupName group={props.group}/>
 
           <GroupDescription/>
+
+          <div className="attribution">
+            Created by: {props.group.user.name}
+          </div>
         </div>
 
         <GroupTabs experimentsURL={experimentsURL} comparisonsURL={comparisonsURL} />

diff --git a/ui/src/group/details/GroupTabs.tsx b/ui/src/group/details/GroupTabs.tsx
@@ -16,12 +16,14 @@ const GroupTabs = (props: Props) => {
         Comparisons
       </NavLink>
 
+      {/*
       <NavLink
         to={props.experimentsURL}
         className="tab"
         activeClassName="tab-active">
         Experiments
       </NavLink>
+      */}
     </div>
   );
 };

diff --git a/ui/src/less/group.less b/ui/src/less/group.less
@@ -189,8 +189,8 @@
 }
 
 .group-header {
-  .editable-text {
-    margin-bottom: 30px;
+  .attribution {
+    margin-bottom: 16px;
   }
 
   .loader-svg {