Skip to content

Commit

Permalink
- Need to merge in project listing to see if this
Browse files Browse the repository at this point in the history
works
  • Loading branch information
sophia-massie committed Nov 15, 2024
1 parent 0d4c293 commit fcca982
Show file tree
Hide file tree
Showing 2 changed files with 25 additions and 6 deletions.
18 changes: 14 additions & 4 deletions react/src/pages/MainMenu/MainMenu.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -3,10 +3,9 @@ import {
LoadingSpinner,
InlineMessage,
SectionHeader,
Icon,
Button,
} from '@tacc/core-components';
import useAuthenticatedUser from '@hazmapper/hooks/user/useAuthenticatedUser';
import { SystemSelect } from '@hazmapper/components/Systems';
import { ProjectListing } from '@hazmapper/components/Projects/ProjectListing';
import { Layout } from 'antd';
import styles from './layout.module.css';
Expand Down Expand Up @@ -44,6 +43,10 @@ const MainMenu = () => {
justifyContent: 'space-between',
display: 'flex',
};

Check failure on line 46 in react/src/pages/MainMenu/MainMenu.tsx

View workflow job for this annotation

GitHub Actions / React-Linting

Delete `··`
const contentStyle = {

Check failure on line 47 in react/src/pages/MainMenu/MainMenu.tsx

View workflow job for this annotation

GitHub Actions / React-Linting

'contentStyle' is assigned a value but never used
alignContent: 'center'

Check failure on line 48 in react/src/pages/MainMenu/MainMenu.tsx

View workflow job for this annotation

GitHub Actions / React-Linting

Insert `,`
}

Check failure on line 49 in react/src/pages/MainMenu/MainMenu.tsx

View workflow job for this annotation

GitHub Actions / React-Linting

Insert `;`

return (
<div className={styles.root}>
Expand All @@ -52,9 +55,16 @@ const MainMenu = () => {
<div className={styles.userName}>{userData.username}</div>
</Layout.Header>
<Layout.Content>
<div className={styles.versionContainer}>
<img src='./assets/[email protected]'></img>

Check failure on line 59 in react/src/pages/MainMenu/MainMenu.tsx

View workflow job for this annotation

GitHub Actions / React-Linting

Replace `<img·src='./assets/[email protected]'` with `··<img·src="./assets/[email protected]"`

Check failure on line 59 in react/src/pages/MainMenu/MainMenu.tsx

View workflow job for this annotation

GitHub Actions / React-Linting

img elements must have an alt prop, either with meaningful text, or an empty string for decorative images
<div className={styles.version}>{"Version 2.17"}</div>

Check failure on line 60 in react/src/pages/MainMenu/MainMenu.tsx

View workflow job for this annotation

GitHub Actions / React-Linting

Replace `········<div·className={styles.version}>{"Version·2.17"` with `··········<div·className={styles.version}>{'Version·2.17'`
</div>
<ProjectListing />
{selectedSystem && <div>Current system selected: {selectedSystem}</div>}
<SystemSelect onSystemSelect={handleSelectChange}></SystemSelect>
<Button
iconNameBefore="exit" type="link"
onClick = {() => (window.location.href='https://www.designsafe-ci.org/user-guide/tools/visualization/#hazmapper-user-guide')}>
User Guide
</Button>
</Layout.Content>
<Layout.Footer>
<div className={styles.logoContainer}>
Expand Down
13 changes: 11 additions & 2 deletions react/src/pages/MainMenu/layout.module.css
Original file line number Diff line number Diff line change
Expand Up @@ -4,16 +4,25 @@
width: 100vw;
height: 100vh;
}
.versionContainer {
display: flex;
flex-direction: column;
padding-bottom: 50px;
justify-content: center;
align-items: center;
}
.versionContainer img {
width: 250px;
}
.userName {
color: white;
}

.logoContainer {
display: flex;
align-items: center;
justify-content: center;
background-color: #f7f7f7;
}
.logoContainer img {
padding-left: 10px;
padding: 10px;
}

0 comments on commit fcca982

Please sign in to comment.