steffo/steffoweb
steffo/steffoweb
1
Fork 0
mirror of https://github.com/Steffo99/steffoweb.git synced 2024-11-22 08:04:31 +00:00
Code Activity

✨ Add "Gestione Amber" theme

Browse source
This commit is contained in:
Steffo 2021-10-25 13:25:58 +02:00
parent 747189e3fe
commit 2f1562798f
Signed by: steffo
GPG key ID: 6965406171929D01
3 changed files with 11 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
package.json
View file

@ -8,7 +8,7 @@
"@fortawesome/free-regular-svg-icons": "^5.15.4", "@fortawesome/free-regular-svg-icons": "^5.15.4",
"@fortawesome/free-solid-svg-icons": "^5.15.4", "@fortawesome/free-solid-svg-icons": "^5.15.4",
"@fortawesome/react-fontawesome": "^0.1.15", "@fortawesome/react-fontawesome": "^0.1.15",
"@steffo/bluelib-react": "^3.0.4", "@steffo/bluelib-react": "^4.2.0",
"react": "^17.0.2", "react": "^17.0.2",
"react-dom": "^17.0.2", "react-dom": "^17.0.2",
"react-scripts": "4.0.3", "react-scripts": "4.0.3",

14
src/App.tsx
View file

@ -1,3 +1,4 @@
import {BluelibTheme} from "@steffo/bluelib-react/dist/types"
import React from 'react' import React from 'react'
import {Bluelib, LayoutThreeCol, Heading, Chapter, Box, BringAttention as B, Anchor, Form} from "@steffo/bluelib-react"; import {Bluelib, LayoutThreeCol, Heading, Chapter, Box, BringAttention as B, Anchor, Form} from "@steffo/bluelib-react";
import {Project} from "./components/Project" import {Project} from "./components/Project"
@ -7,11 +8,8 @@ import {Account} from "./components/Account"
import {faEnvelope} from "@fortawesome/free-solid-svg-icons" import {faEnvelope} from "@fortawesome/free-solid-svg-icons"
type Theme = "paper" | "royalblue" | "hacker" | "sophon"
type ThemeMap = { type ThemeMap = {
[fullname: string]: Theme; [fullname: string]: BluelibTheme;
}; };
@ -20,11 +18,12 @@ const FULL_THEME_NAMES: ThemeMap = {
"The Sophonity": "sophon", "The Sophonity": "sophon",
"Sheet of Paper": "paper", "Sheet of Paper": "paper",
"Hacker Terminal": "hacker", "Hacker Terminal": "hacker",
"Gestione Amber": "amber",
} }
function App() { function App() {
const [theme, setTheme] = React.useState<Theme>("royalblue") const [theme, setTheme] = React.useState<BluelibTheme>("royalblue")
return ( return (
<Bluelib theme={theme}> <Bluelib theme={theme}>
@ -51,6 +50,7 @@ function App() {
<Heading level={3}> <Heading level={3}>
My software projects My software projects
</Heading> </Heading>
<Project user={"Steffo99"} repo={"sophon"}/>
<Project user={"Steffo99"} repo={"greed"}/> <Project user={"Steffo99"} repo={"greed"}/>
<Project user={"Steffo99"} repo={"bluelib"}/> <Project user={"Steffo99"} repo={"bluelib"}/>
<Project user={"RYGhub"} repo={"bobbot"}/> <Project user={"RYGhub"} repo={"bobbot"}/>
@ -79,9 +79,7 @@ function App() {
Other stuff Other stuff
</Heading> </Heading>
<Form> <Form>
<Form.Select label={"Theme"} onChange={event => setTheme(FULL_THEME_NAMES[event.target.value])}> <Form.Select label={"Theme"} onChange={event => setTheme(FULL_THEME_NAMES[event.target.value])} options={FULL_THEME_NAMES}/>
{Object.keys(FULL_THEME_NAMES).map(key => <Form.Select.Option value={key}/>)}
</Form.Select>
</Form> </Form>
</Box> </Box>
</Chapter> </Chapter>

8
yarn.lock
View file

@ -1603,10 +1603,10 @@
dependencies: dependencies:
"@sinonjs/commons" "^1.7.0" "@sinonjs/commons" "^1.7.0"
"@steffo/bluelib-react@^3.0.4": "@steffo/bluelib-react@^4.2.0":
version "3.0.5" version "4.2.0"
resolved "https://registry.yarnpkg.com/@steffo/bluelib-react/-/bluelib-react-3.0.5.tgz#4543056a0a06efa5fc1ab48d2288b32430eb32f8" resolved "https://registry.yarnpkg.com/@steffo/bluelib-react/-/bluelib-react-4.2.0.tgz#12d10517be68366519c4ddf0e21a3b341c9b47b4"
integrity sha512-CkvEzeXS7PuIFvTFrDpAU2Gtxhe4L3CF+YkenSzCm0YNWSZ9dW3R1ePEeBNESQW8QZ+fuRu93586etP+bvnBfg== integrity sha512-meWWsjiD4cjt7A2nbQHbtY6iFdVJyjlbzUUH5zcPCwVtL6H8gTZ5VTabw+38j5ydDToTd4u9/LNdl8DMq2EcQg==
dependencies: dependencies:
"@babel/runtime" "^7.15.3" "@babel/runtime" "^7.15.3"
classnames "^2.3.1" classnames "^2.3.1"