unimore/pds-2021-g2-nest
unimore/pds-2021-g2-nest
1
Fork 0
mirror of https://github.com/pds-nest/nest.git synced 2024-11-25 06:24:19 +00:00
Code Activity

✏ Rename BoxWithHeader to BoxFull

Browse source
This commit is contained in:
Stefano Pigozzi 2021-04-23 02:26:16 +02:00
parent 21c206aeaa
commit c81671a102
Signed by untrusted user who does not match committer: steffo
GPG key ID: 6965406171929D01
6 changed files with 28 additions and 28 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
code/frontend/src/components/BoxWithHeader.js → code/frontend/src/components/BoxFull.js
View file

@ -1,5 +1,5 @@
import React from "react"
import Style from "./BoxWithHeader.module.css"
import Style from "./BoxFull.module.css"
import classNames from "classnames"
@ -13,7 +13,7 @@ import classNames from "classnames"
* @returns {JSX.Element}
* @constructor
*/
export default function BoxWithHeader({ header, children, className, ...props }) {
export default function BoxFull({ header, children, className, ...props }) {
return (
<div className={classNames(Style.BoxWithHeader, className)} {...props}>
<div className={Style.BoxHeader}>

0
code/frontend/src/components/BoxWithHeader.module.css → code/frontend/src/components/BoxFull.module.css
View file

10
code/frontend/src/routes/PageAlerts.js
View file

@ -1,18 +1,18 @@
import React from "react"
import Style from "./PageAlerts.module.css"
import classNames from "classnames"
import BoxWithHeader from "../components/BoxWithHeader"
import BoxFull from "../components/BoxFull"
export default function PageAlerts({ children, className, ...props }) {
return (
<div className={classNames(Style.PageAlerts, className)} {...props}>
<BoxWithHeader header={"Your alerts"} className={Style.YourAlerts}>
<BoxFull header={"Your alerts"} className={Style.YourAlerts}>
a
</BoxWithHeader>
<BoxWithHeader header={"Create new alert"} className={Style.CreateAlert}>
</BoxFull>
<BoxFull header={"Create new alert"} className={Style.CreateAlert}>
b
</BoxWithHeader>
</BoxFull>
</div>
)
}

18
code/frontend/src/routes/PageHome.js
View file

@ -2,7 +2,7 @@ import React from "react"
import Style from "./PageHome.module.css"
import classNames from "classnames"
import BoxHeader from "../components/BoxHeader"
import BoxWithHeader from "../components/BoxWithHeader"
import BoxFull from "../components/BoxFull"
import Checkbox from "../components/Checkbox"
import InputWithIcon from "../components/InputWithIcon"
import { faFolder, faPlus } from "@fortawesome/free-solid-svg-icons"
@ -18,22 +18,22 @@ export default function PageHome({ children, className, ...props }) {
<BoxHeader className={Style.Header}>
Create a new repository
</BoxHeader>
<BoxWithHeader className={Style.SearchByZone} header={
<BoxFull className={Style.SearchByZone} header={
<span><Checkbox/> Search by zone</span>
}>
</BoxWithHeader>
<BoxWithHeader className={Style.SearchByHashtags} header={
</BoxFull>
<BoxFull className={Style.SearchByHashtags} header={
<span><Checkbox/> Search by hashtag</span>
}>
</BoxWithHeader>
<BoxWithHeader className={Style.SearchByTimePeriod} header={
</BoxFull>
<BoxFull className={Style.SearchByTimePeriod} header={
<span><Checkbox/> Search by time period</span>
}>
</BoxWithHeader>
<BoxWithHeader className={Style.CreateDialog} header={"Create repository"}>
</BoxFull>
<BoxFull className={Style.CreateDialog} header={"Create repository"}>
<LabelledForm action={""}>
<Label for_={"repo-name"} text={"Repository name"}>
<InputWithIcon id={"repo-name"} icon={faFolder}/>
@ -51,7 +51,7 @@ export default function PageHome({ children, className, ...props }) {
Create repository
</Button>
</LabelledForm>
</BoxWithHeader>
</BoxFull>
</div>
)
}

10
code/frontend/src/routes/PageRepositories.js
View file

@ -1,18 +1,18 @@
import React from "react"
import Style from "./PageRepositories.module.css"
import classNames from "classnames"
import BoxWithHeader from "../components/BoxWithHeader"
import BoxFull from "../components/BoxFull"
export default function PageRepositories({ children, className, ...props }) {
return (
<div className={classNames(Style.PageRepositories, className)} {...props}>
<BoxWithHeader header={"Your active repositories"} className={Style.ActiveRepositories}>
<BoxFull header={"Your active repositories"} className={Style.ActiveRepositories}>
a
</BoxWithHeader>
<BoxWithHeader header={"Your archived repositories"} className={Style.ArchivedRepositories}>
</BoxFull>
<BoxFull header={"Your archived repositories"} className={Style.ArchivedRepositories}>
b
</BoxWithHeader>
</BoxFull>
</div>
)
}

14
code/frontend/src/routes/PageSettings.js
View file

@ -2,7 +2,7 @@ import React from "react"
import Style from "./PageSettings.module.css"
import classNames from "classnames"
import BoxHeader from "../components/BoxHeader"
import BoxWithHeader from "../components/BoxWithHeader"
import BoxFull from "../components/BoxFull"
import Select from "../components/Select"
import SelectTheme from "../components/SelectTheme"
@ -16,15 +16,15 @@ export default function PageSettings({ children, className, ...props }) {
<BoxHeader>
Switch theme: <SelectTheme/>
</BoxHeader>
<BoxWithHeader header={"Change your email address"}>
<BoxFull header={"Change your email address"}>
</BoxWithHeader>
<BoxWithHeader header={"Alert settings"}>
</BoxFull>
<BoxFull header={"Alert settings"}>
</BoxWithHeader>
<BoxWithHeader header={"Change your password"}>
</BoxFull>
<BoxFull header={"Change your password"}>
</BoxWithHeader>
</BoxFull>
</div>
)
}