Skip to content

Commit

Permalink
Added simple button
Browse files Browse the repository at this point in the history
  • Loading branch information
@seujorgenochurras
seujorgenochurras committed Jul 22, 2024
1 parent a57f8dc commit b90c532
Show file tree
Hide file tree
Showing 11 changed files with 224 additions and 159 deletions.
6 changes: 4 additions & 2 deletions next.config.mjs
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,6 @@
/** @type {import('next').NextConfig} */
const nextConfig = {};
const nextConfig = {
reactStrictMode: false,
};

export default nextConfig;
export default nextConfig;
2 changes: 1 addition & 1 deletion package-lock.json
View file

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

12 changes: 6 additions & 6 deletions package.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,18 +9,18 @@
"lint": "next lint"
},
"dependencies": {
"next": "14.2.4",
"react": "^18",
"react-dom": "^18",
"next": "14.2.4"
"react-dom": "^18"
},
"devDependencies": {
"typescript": "^5",
"@types/node": "^20",
"@types/node": "^20.14.9",
"@types/react": "^18",
"@types/react-dom": "^18",
"eslint": "^8",
"eslint-config-next": "14.2.4",
"postcss": "^8",
"tailwindcss": "^3.4.1",
"eslint": "^8",
"eslint-config-next": "14.2.4"
"typescript": "^5"
}
}
17 changes: 17 additions & 0 deletions src/app/components/Button.tsx
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,17 @@
import React from "react";

interface ButtonProps {
variant: "primary" | "link" | "green";
text: String;
state: "hover" | "default";
}

export const Button = ({}) => {
return (
<div className="flex ml-auto mr-auto">
<div className="text-base py-4 rounded-lg ps-5 pe-5 bg-black text-white font-bold">Button</div>
</div>
);
};

export default Button;
98 changes: 98 additions & 0 deletions src/app/components/icon/LogoIcon.tsx
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,98 @@
import React from "react";

const LogoIcon = ({width = 24, height = 24}) => {
return (
<div>
<svg
width={width}
height={height}
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g clip-path="url(#clip0_51_858)">
<path
d="M18.533 6.68511C19.2342 6.5616 19.8929 6.57681 20.4624 6.72966C21.0318 6.88252 21.498 7.16926 21.8276 7.56946C22.1572 7.96967 22.3422 8.47351 22.3694 9.04511C22.3966 9.61671 22.2653 10.242 21.985 10.8765C21.7046 11.511 21.2821 12.1391 20.7474 12.716C20.2126 13.293 19.579 13.8046 18.8914 14.2145C18.2038 14.6244 17.4793 14.9225 16.7694 15.0876C16.0595 15.2526 15.3816 15.2806 14.7841 15.1695L15.3899 14.2179C15.8536 14.3041 16.3797 14.2824 16.9307 14.1543C17.4816 14.0262 18.044 13.7949 18.5776 13.4768C19.1112 13.1586 19.603 12.7615 20.018 12.3138C20.433 11.866 20.7609 11.3785 20.9785 10.8861C21.1961 10.3937 21.298 9.90837 21.2768 9.46475C21.2557 9.02113 21.1121 8.6301 20.8563 8.3195C20.6005 8.00889 20.2388 7.78635 19.7968 7.66772C19.3549 7.54909 18.8436 7.53729 18.2994 7.63315L18.533 6.68511Z"
fill="#AEE2DB"
/>
<path
d="M11.8364 10.076C12.6426 10.1211 13.4452 10.6054 14.0823 11.4313C14.7194 12.2572 15.1438 13.3633 15.2699 14.5268L14.8216 14.5477C14.7133 13.5493 14.3492 12.6001 13.8025 11.8914C13.2557 11.1827 12.5671 10.7671 11.8752 10.7284L11.8364 10.076Z"
fill="#AEE2DB"
/>
<path
d="M11.4684 10.4798C11.5484 9.58894 12.1579 8.70298 13.1739 8.0004C14.1899 7.29783 15.537 6.83085 16.9438 6.69354L16.9507 7.00359C15.6688 7.1287 14.4413 7.55422 13.5155 8.19442C12.5897 8.83461 12.0344 9.64192 11.9614 10.4537L11.4684 10.4798Z"
fill="#AEE2DB"
/>
<path
d="M6.05247 15.8831C6.20138 16.8078 6.61673 17.5365 7.25317 17.9896C7.88961 18.4428 8.72265 18.603 9.66129 18.4527C10.5999 18.3025 11.6081 17.8475 12.5756 17.1375C13.5431 16.4276 14.4328 15.49 15.1475 14.4271L14.8147 14.2423C14.1635 15.2108 13.3528 16.0652 12.4712 16.7121C11.5896 17.359 10.6709 17.7736 9.81563 17.9105C8.96032 18.0475 8.20124 17.9015 7.62131 17.4886C7.04137 17.0756 6.66289 16.4116 6.5272 15.5691L6.05247 15.8831Z"
fill="#AEE2DB"
/>
<path
d="M5.46323 16.8144C4.58256 16.5623 3.87777 15.984 3.40786 15.1278C2.93794 14.2716 2.71657 13.1625 2.76226 11.8932C2.80795 10.6238 3.11938 9.2313 3.67048 7.83207C4.22158 6.43283 4.84697 6.02956 5.78053 4.81259L6.15293 4.9681C5.37521 5.98192 5.14047 6.726 4.68136 7.89167C4.22225 9.05734 3.9628 10.2174 3.92474 11.2749C3.88668 12.3323 4.0711 13.2563 4.46257 13.9696C4.85405 14.6829 5.44119 15.1646 6.17486 15.3746L5.46323 16.8144Z"
fill="#AEE2DB"
/>
<path
d="M5.65566 5.04369C6.34556 4.89778 7.06371 4.90664 7.76404 5.0697C8.46437 5.23276 9.13142 5.54642 9.72239 5.99055C10.3134 6.43469 10.8152 6.9995 11.1958 7.64876C11.5763 8.29801 11.8271 9.01737 11.9321 9.7607L11.6148 9.85972C11.514 9.14627 11.2271 8.38686 10.8618 7.7637C10.4966 7.14055 10.0167 6.72933 9.44951 6.30304C8.88229 5.87676 8.28502 5.76025 7.61284 5.60375C6.94066 5.44724 6.25266 5.4782 5.59048 5.61824L5.65566 5.04369Z"
fill="#AEE2DB"
/>
<path
d="M4.81919 16.3199C4.87442 15.2484 6.3088 13.7368 6.3088 13.7368C6.3088 13.7368 7.46019 12.2275 8.43425 11.5333C9.44663 10.8118 11.3319 10.212 11.3319 10.212L11.7996 10.2466L11.6264 10.3935L11.5225 10.6526C11.5225 10.6526 9.48555 11.4294 8.73929 12.0695C7.99302 12.7096 7.19665 14.4425 7.19665 14.4425L6.3088 16.1817L4.81919 16.3199Z"
fill="#AEE2DB"
/>
<path
d="M14.7364 14.08C14.3905 14.2008 14.2041 14.5666 14.32 14.897C14.436 15.2274 14.8104 15.3973 15.1563 15.2765C15.5022 15.1556 15.6886 14.7899 15.5726 14.4595C15.4567 14.1291 15.0822 13.9592 14.7364 14.08Z"
fill="#CEEEEA"
/>
<path
d="M13.6159 15.123C13.3727 14.4301 13.7787 13.6578 14.4998 13.406C15.2012 13.161 16.0376 13.5521 16.2643 14.198C16.5128 14.906 16.1183 15.6782 15.387 15.9336C14.6557 16.1891 13.8591 15.8158 13.6159 15.123ZM15.8775 14.3331C15.6857 13.7866 15.145 13.3898 14.5652 13.5923C13.9854 13.7948 13.6579 14.4878 13.8519 15.0406C14.0513 15.6085 14.7077 15.7386 15.2518 15.5486C15.7959 15.3586 16.0759 14.8982 15.8775 14.3331Z"
fill="#AEE2DB"
/>
<path
d="M18.3945 7.73051C18.7991 7.36622 18.8436 6.75766 18.4939 6.37124C18.1442 5.98483 17.5328 5.96688 17.1282 6.33116C16.7237 6.69544 16.6792 7.30401 17.0288 7.69042C17.3785 8.07684 17.9899 8.09479 18.3945 7.73051Z"
fill="#CEEEEA"
/>
<path
d="M19.3289 5.65704C20.0622 6.4674 19.9512 7.75947 19.1079 8.51889C18.2875 9.25759 16.9149 9.2016 16.2313 8.44616C15.482 7.61809 15.5773 6.33272 16.4326 5.56253C17.288 4.79233 18.5956 4.84669 19.3289 5.65704ZM16.6837 8.03884C17.2621 8.67805 18.2325 8.91159 18.9107 8.30097C19.5888 7.69036 19.6379 6.55205 19.0529 5.90558C18.4518 5.24133 17.4765 5.43987 16.8402 6.01288C16.2038 6.58589 16.0855 7.37784 16.6837 8.03884Z"
fill="#AEE2DB"
/>
<path
d="M11.6264 10.8611C11.882 10.8611 12.0893 10.6488 12.0893 10.3868C12.0893 10.1248 11.882 9.91245 11.6264 9.91245C11.3708 9.91245 11.1635 10.1248 11.1635 10.3868C11.1635 10.6488 11.3708 10.8611 11.6264 10.8611Z"
fill="#CEEEEA"
/>
<path
d="M12.6051 10.4008C12.6051 10.9502 12.1593 11.3956 11.6264 11.3956C11.108 11.3956 10.6478 10.913 10.6478 10.4008C10.6478 9.83946 11.0859 9.39133 11.6264 9.39133C12.1669 9.39133 12.6051 9.85147 12.6051 10.4008ZM10.9336 10.4008C10.9336 10.8342 11.1979 11.2479 11.6264 11.2479C12.0549 11.2479 12.4306 10.8391 12.4306 10.4008C12.4306 9.95052 12.0285 9.69665 11.6264 9.69665C11.2243 9.69665 10.9336 9.95272 10.9336 10.4008Z"
fill="#AEE2DB"
/>
<path
d="M5.97971 5.83086C6.35298 5.83086 6.65558 5.52145 6.65558 5.13979C6.65558 4.75812 6.35298 4.44872 5.97971 4.44872C5.60643 4.44872 5.30383 4.75812 5.30383 5.13979C5.30383 5.52145 5.60643 5.83086 5.97971 5.83086Z"
fill="#CEEEEA"
/>
<path
d="M7.4087 5.16029C7.4087 5.96068 6.75788 6.60953 5.97971 6.60953C5.22277 6.60953 4.55072 5.90643 4.55072 5.16029C4.55072 4.34239 5.1905 3.68951 5.97971 3.68951C6.76892 3.68951 7.4087 4.35989 7.4087 5.16029ZM4.9681 5.16029C4.9681 5.79164 5.35402 6.3943 5.97971 6.3943C6.60541 6.3943 7.15403 5.79881 7.15403 5.16029C7.15403 4.5042 6.56687 4.13433 5.97971 4.13433C5.39255 4.13433 4.9681 4.50741 4.9681 5.16029Z"
fill="#AEE2DB"
/>
<path
d="M5.84981 16.9408C6.4199 16.9408 6.88206 16.4666 6.88206 15.8817C6.88206 15.2968 6.4199 14.8226 5.84981 14.8226C5.27971 14.8226 4.81756 15.2968 4.81756 15.8817C4.81756 16.4666 5.27971 16.9408 5.84981 16.9408Z"
fill="#CEEEEA"
/>
<path
d="M8.03228 15.9131C8.03228 17.1397 7.03829 18.1341 5.84982 18.1341C4.69376 18.1341 3.66736 17.0566 3.66736 15.9131C3.66736 14.6596 4.64448 13.659 5.84982 13.659C7.05516 13.659 8.03228 14.6864 8.03228 15.9131ZM4.30481 15.9131C4.30481 16.8806 4.89421 17.8042 5.84982 17.8042C6.80543 17.8042 7.64333 16.8916 7.64333 15.9131C7.64333 14.9076 6.74657 14.3407 5.84982 14.3407C4.95306 14.3407 4.30481 14.9125 4.30481 15.9131Z"
fill="#AEE2DB"
/>
</g>
<defs>
<clipPath id="clip0_51_858">
<rect
width="46"
height="32.58"
fill="white"
transform="translate(0 3.5)"
/>
</clipPath>
</defs>
</svg>
</div>
);
};

export default LogoIcon;
60 changes: 60 additions & 0 deletions src/app/components/icon/svg/logo.svg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
12 changes: 12 additions & 0 deletions src/app/components/page.tsx
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,12 @@
import React from "react";
import { Button } from "./Button";

const ButtonPage = () => {
return (
<div className="w-96 h-96 justify-center flex border-cyan-400 border-2 items-center">
<Button></Button>
</div>
);
};

export default ButtonPage;
32 changes: 1 addition & 31 deletions src/app/globals.css
View file
Original file line number Diff line number Diff line change
@@ -1,33 +1,3 @@
@tailwind base;
@tailwind components;
@tailwind utilities;

:root {
--foreground-rgb: 0, 0, 0;
--background-start-rgb: 214, 219, 220;
--background-end-rgb: 255, 255, 255;
}

@media (prefers-color-scheme: dark) {
:root {
--foreground-rgb: 255, 255, 255;
--background-start-rgb: 0, 0, 0;
--background-end-rgb: 0, 0, 0;
}
}

body {
color: rgb(var(--foreground-rgb));
background: linear-gradient(
to bottom,
transparent,
rgb(var(--background-end-rgb))
)
rgb(var(--background-start-rgb));
}

@layer utilities {
.text-balance {
text-wrap: balance;
}
}
@tailwind utilities;
17 changes: 6 additions & 11 deletions src/app/layout.tsx
View file
Original file line number Diff line number Diff line change
@@ -1,22 +1,17 @@
import type { Metadata } from "next";
import { Inter } from "next/font/google";
import "./globals.css";

const inter = Inter({ subsets: ["latin"] });

export const metadata: Metadata = {
title: "Create Next App",
description: "Generated by create next app",
export const metadata = {
title: "Next.js",
description: "Generated by Next.js",
};

export default function RootLayout({
children,
}: Readonly<{
}: {
children: React.ReactNode;
}>) {
}) {
return (
<html lang="en">
<body className={inter.className}>{children}</body>
<body>{children}</body>
</html>
);
}
Loading

0 comments on commit b90c532

Please sign in to comment.