diff --git a/.github/workflows/webpack.yml b/.github/workflows/webpack.yml new file mode 100644 index 00000000..9626ff6d --- /dev/null +++ b/.github/workflows/webpack.yml @@ -0,0 +1,28 @@ +name: NodeJS with Webpack + +on: + push: + branches: [ "main" ] + pull_request: + branches: [ "main" ] + +jobs: + build: + runs-on: ubuntu-latest + + strategy: + matrix: + node-version: [18.x, 20.x, 22.x] + + steps: + - uses: actions/checkout@v4 + + - name: Use Node.js ${{ matrix.node-version }} + uses: actions/setup-node@v4 + with: + node-version: ${{ matrix.node-version }} + + - name: Build + run: | + npm install + npx webpack diff --git a/components/Footer/Footer.tsx b/components/Footer/Footer.tsx index 4cde65c0..ed44f4c1 100644 --- a/components/Footer/Footer.tsx +++ b/components/Footer/Footer.tsx @@ -1,11 +1,9 @@ import styles from "./Footer.module.scss"; -import {Button, Text} from '@primer/react-brand' +import { Button, Text } from "@primer/react-brand"; export const Footer = () => { return ( - ); }; diff --git a/components/HappyCommitsInfo.tsx b/components/HappyCommitsInfo.tsx index 9b969410..2ab1138a 100644 --- a/components/HappyCommitsInfo.tsx +++ b/components/HappyCommitsInfo.tsx @@ -4,7 +4,7 @@ type FilterProps = { setFilter: (filter: string) => void; }; -export const HappyCommitsInfo = ({filter, setFilter}: FilterProps) => { +export const HappyCommitsInfo = ({ filter, setFilter }: FilterProps) => { return (
{ />
); -}; +}; \ No newline at end of file diff --git a/components/HappyContainer.tsx b/components/HappyContainer.tsx index 7bfbeb5d..552abd1e 100644 --- a/components/HappyContainer.tsx +++ b/components/HappyContainer.tsx @@ -5,10 +5,10 @@ type FilterProps = { setFilter: (filter: string) => void; }; -export const HappyContainer = ({filter, setFilter}: FilterProps) => { +export const HappyContainer = ({ filter, setFilter }: FilterProps) => { return ( <> ); -}; +}; \ No newline at end of file diff --git a/components/Header/Header.module.scss b/components/Header/Header.module.scss index df02e279..c4688394 100644 --- a/components/Header/Header.module.scss +++ b/components/Header/Header.module.scss @@ -7,7 +7,7 @@ display: flex; justify-content: space-between; align-items: center; - grid-gap: 36px; + gap: 36px; max-width: 1440px; width: 90%; margin: 0 auto; @@ -20,7 +20,7 @@ a:not(.homeLink) { padding: 8px 12px; - grid-gap: 4px; + gap: 4px; } .btnText { @@ -30,3 +30,33 @@ } } } + +.pageTabs { + display: flex; + align-items: stretch; + gap: 0; + flex: 1; + height: 72px; +} + +.pageTab { + display: flex; + align-items: center; + padding: 0 16px; + font-size: 14px; + font-weight: 500; + color: rgba(255, 255, 255, 0.65); + text-decoration: none; + border-bottom: 2px solid transparent; + transition: color 0.2s ease, border-color 0.2s ease; + white-space: nowrap; + + &:hover { + color: #ffffff; + } +} + +.pageTabActive { + color: #ffffff; + border-bottom-color: #67bd41; +} diff --git a/components/Header/Header.tsx b/components/Header/Header.tsx index ad97da85..ea46af9e 100644 --- a/components/Header/Header.tsx +++ b/components/Header/Header.tsx @@ -1,9 +1,13 @@ import styles from "./Header.module.scss"; -import Link from 'next/link'; -import Image from 'next/image'; -import {Button} from '@primer/react-brand'; +import Link from "next/link"; +import Image from "next/image"; +import { useRouter } from "next/router"; +import { Button } from "@primer/react-brand"; export const Header = () => { + const router = useRouter(); + const isTeams = router.pathname === "/teams"; + return ( <>
@@ -17,6 +21,17 @@ export const Header = () => { style={{ height: "auto" }} /> +