✏ Rename BoxWithHeader to BoxFull

code/frontend/src/components/BoxFull.js

@@ -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}>

code/frontend/src/routes/PageAlerts.js

@@ -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>
     )
 }

code/frontend/src/routes/PageHome.js

@@ -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>
     )
 }

code/frontend/src/routes/PageRepositories.js

@@ -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>
     )
 }

code/frontend/src/routes/PageSettings.js

@@ -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>
     )
 }