-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
improvements to client code and formatting (#16)
- Loading branch information
1 parent
e8e75b7
commit 6b6dbdc
Showing
24 changed files
with
335 additions
and
261 deletions.
There are no files selected for viewing
File renamed without changes.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,12 +1,17 @@ | ||
|
|
||
|
|
||
| import { SvgIcon } from "@mui/material" | ||
| import { SvgIcon } from "@mui/material"; | ||
|
|
||
| export default function DarkModeIcon() { | ||
| return ( | ||
| <SvgIcon fontSize="large" > | ||
|
|
||
| <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#e8eaed"><path d="M480-120q-150 0-255-105T120-480q0-150 105-255t255-105q14 0 27.5 1t26.5 3q-41 29-65.5 75.5T444-660q0 90 63 153t153 63q55 0 101-24.5t75-65.5q2 13 3 26.5t1 27.5q0 150-105 255T480-120Zm0-80q88 0 158-48.5T740-375q-20 5-40 8t-40 3q-123 0-209.5-86.5T364-660q0-20 3-40t8-40q-78 32-126.5 102T200-480q0 116 82 198t198 82Zm-10-270Z"/></svg> | ||
| </SvgIcon> | ||
| ) | ||
| } | ||
| return ( | ||
| <SvgIcon fontSize="large"> | ||
| <svg | ||
| xmlns="http://www.w3.org/2000/svg" | ||
| height="24px" | ||
| viewBox="0 -960 960 960" | ||
| width="24px" | ||
| fill="#e8eaed" | ||
| > | ||
| <path d="M480-120q-150 0-255-105T120-480q0-150 105-255t255-105q14 0 27.5 1t26.5 3q-41 29-65.5 75.5T444-660q0 90 63 153t153 63q55 0 101-24.5t75-65.5q2 13 3 26.5t1 27.5q0 150-105 255T480-120Zm0-80q88 0 158-48.5T740-375q-20 5-40 8t-40 3q-123 0-209.5-86.5T364-660q0-20 3-40t8-40q-78 32-126.5 102T200-480q0 116 82 198t198 82Zm-10-270Z" /> | ||
| </svg> | ||
| </SvgIcon> | ||
| ); | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,11 +1,17 @@ | ||
| import { SvgIcon } from "@mui/material" | ||
| import { SvgIcon } from "@mui/material"; | ||
|
|
||
| export default function LightModeIcon() { | ||
| return ( | ||
| <SvgIcon fontSize="large" > | ||
|
|
||
| <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#e8eaed"><path d="M480-360q50 0 85-35t35-85q0-50-35-85t-85-35q-50 0-85 35t-35 85q0 50 35 85t85 35Zm0 80q-83 0-141.5-58.5T280-480q0-83 58.5-141.5T480-680q83 0 141.5 58.5T680-480q0 83-58.5 141.5T480-280ZM200-440H40v-80h160v80Zm720 0H760v-80h160v80ZM440-760v-160h80v160h-80Zm0 720v-160h80v160h-80ZM256-650l-101-97 57-59 96 100-52 56Zm492 496-97-101 53-55 101 97-57 59Zm-98-550 97-101 59 57-100 96-56-52ZM154-212l101-97 55 53-97 101-59-57Zm326-268Z"/></svg> | ||
|
|
||
| </SvgIcon> | ||
| ) | ||
| } | ||
| return ( | ||
| <SvgIcon fontSize="large"> | ||
| <svg | ||
| xmlns="http://www.w3.org/2000/svg" | ||
| height="24px" | ||
| viewBox="0 -960 960 960" | ||
| width="24px" | ||
| fill="#e8eaed" | ||
| > | ||
| <path d="M480-360q50 0 85-35t35-85q0-50-35-85t-85-35q-50 0-85 35t-35 85q0 50 35 85t85 35Zm0 80q-83 0-141.5-58.5T280-480q0-83 58.5-141.5T480-680q83 0 141.5 58.5T680-480q0 83-58.5 141.5T480-280ZM200-440H40v-80h160v80Zm720 0H760v-80h160v80ZM440-760v-160h80v160h-80Zm0 720v-160h80v160h-80ZM256-650l-101-97 57-59 96 100-52 56Zm492 496-97-101 53-55 101 97-57 59Zm-98-550 97-101 59 57-100 96-56-52ZM154-212l101-97 55 53-97 101-59-57Zm326-268Z" /> | ||
| </svg> | ||
| </SvgIcon> | ||
| ); | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,66 +1,71 @@ | ||
|
|
||
| import { Tab, Tabs, Box} from "@mui/material"; | ||
| import { Tab, Tabs, Box } from "@mui/material"; | ||
|
|
||
| import StandardMetadataCard from "./StandardMetadataCard"; | ||
| import ReviewTextView from "./ReviewTextView"; | ||
|
|
||
| import { useState } from "react"; | ||
| import ReviewCard from "./ReviewCard"; | ||
|
|
||
| import { AdminXASStandard } from "../models"; | ||
|
|
||
| interface TabPanelProps { | ||
| children?: React.ReactNode; | ||
| index: number; | ||
| value: number; | ||
| } | ||
| function CustomTabPanel(props: TabPanelProps) { | ||
| const { children, value, index, ...other } = props; | ||
| return ( | ||
| <div | ||
| role="tabpanel" | ||
| hidden={value !== index} | ||
| id={`simple-tabpanel-${index}`} | ||
| aria-labelledby={`simple-tab-${index}`} | ||
| {...other} | ||
| > | ||
| {value === index && <Box sx={{ p: 3 }}>{children}</Box>} | ||
| </div> | ||
| ); | ||
| } | ||
| function a11yProps(index: number) { | ||
| return { | ||
| id: `simple-tab-${index}`, | ||
| 'aria-controls': `simple-tabpanel-${index}`, | ||
| }; | ||
| } | ||
| children?: React.ReactNode; | ||
| index: number; | ||
| value: number; | ||
| } | ||
|
|
||
| function CustomTabPanel(props: TabPanelProps) { | ||
| const { children, value, index, ...other } = props; | ||
|
|
||
| return ( | ||
| <div | ||
| role="tabpanel" | ||
| hidden={value !== index} | ||
| id={`simple-tabpanel-${index}`} | ||
| aria-labelledby={`simple-tab-${index}`} | ||
| {...other} | ||
| > | ||
| {value === index && <Box sx={{ p: 3 }}>{children}</Box>} | ||
| </div> | ||
| ); | ||
| } | ||
|
|
||
| function a11yProps(index: number) { | ||
| return { | ||
| id: `simple-tab-${index}`, | ||
| "aria-controls": `simple-tabpanel-${index}`, | ||
| }; | ||
| } | ||
|
|
||
| export default function ReviewTab(props: { standard: XASStandard }) { | ||
| const [value, setValue] = useState(0); | ||
| export default function ReviewTab(props: { standard: AdminXASStandard }) { | ||
| const [value, setValue] = useState(0); | ||
|
|
||
| const handleChange = (event: React.SyntheticEvent, newValue: number) => { | ||
| setValue(newValue); | ||
| }; | ||
|
|
||
| return ( | ||
| <Box sx={{ width: '100%' }}> | ||
| <Box sx={{ borderBottom: 1, borderColor: 'divider' }}> | ||
| <Tabs value={value} onChange={handleChange} aria-label="basic tabs example"> | ||
| <Box sx={{ width: "100%" }}> | ||
| <Box sx={{ borderBottom: 1, borderColor: "divider" }}> | ||
| <Tabs | ||
| value={value} | ||
| onChange={handleChange} | ||
| aria-label="basic tabs example" | ||
| > | ||
| <Tab label="Standard" {...a11yProps(0)} /> | ||
| <Tab label="Submitted File" {...a11yProps(1)} /> | ||
| <Tab label="Review" {...a11yProps(2)} /> | ||
| </Tabs> | ||
| </Box> | ||
| <CustomTabPanel value={value} index={0}> | ||
| <StandardMetadataCard standard={props.standard}/> | ||
| <StandardMetadataCard standard={props.standard} /> | ||
| </CustomTabPanel> | ||
| <CustomTabPanel value={value} index={1}> | ||
| <ReviewTextView standard={props.standard}/> | ||
| <ReviewTextView standard={props.standard} /> | ||
| </CustomTabPanel> | ||
| <CustomTabPanel value={value} index={2}> | ||
| <ReviewCard standard={props.standard} /> | ||
| <ReviewCard standard={props.standard} /> | ||
| </CustomTabPanel> | ||
| </Box> | ||
| ); | ||
| } | ||
| } |
Oops, something went wrong.