Merge pull request from cssgunc/anika-GEN67-buttonmerge

fixing button component
This commit is contained in:
Meliora Ho 2024-03-02 15:27:35 -05:00 committed by GitHub
commit d6df1c27d4
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
5 changed files with 4 additions and 30 deletions
compass
app
auth
forgot_password
newPassword
page.tsx
components
tsconfig.json

View File

@ -1,5 +1,5 @@
"use client"
import Button from '@/components/Button49';
import Button from '@/components/Button';
import Input from '@/components/Input'
import InlineLink from '@/components/InlineLink';
import Paper from '@/components/auth/Paper';

View File

@ -1,7 +1,7 @@
// pages/index.tsx
"use client";
import { useState, useEffect } from 'react';
import Button from '@/components/Button1';
import Button from '@/components/Button';
import Input from '@/components/Input1';
import Paper from '@/components/auth/Paper';

View File

@ -1,8 +1,6 @@
// pages/index.tsx
"use client";
import Button from '@/components/Button49';
import Button from '@/components/Button1';
import Button from '@/components/Button';
import Input from '@/components/Input'
import InlineLink from '@/components/InlineLink';
import Paper from '@/components/auth/Paper';

View File

@ -1,24 +0,0 @@
import { FunctionComponent, ReactNode } from 'react';
type ButtonProps = {
children: ReactNode;
onClick?: () => void; // make the onClick handler optional
type?: "button" | "submit" | "reset"; // specify possible values for type
disabled?: boolean;
};
const Button: FunctionComponent<ButtonProps> = ({ children, type, disabled, onClick }) => {
const buttonClassName = `inline-block rounded border ${disabled ? 'bg-gray-400 text-gray-600 cursor-not-allowed' : 'border-purple-600 bg-purple-600 text-white hover:bg-transparent hover:text-purple-600 focus:outline-none focus:ring active:text-purple-500'} px-12 py-3 text-sm font-semibold`;
return (
<button
className={buttonClassName}
onClick={onClick}
type={type}
disabled={disabled}
>
{children}
</button>
);
};
export default Button;

View File

@ -8,7 +8,7 @@
"noEmit": true,
"esModuleInterop": true,
"module": "esnext",
"moduleResolution": "bundler",
"moduleResolution": "node",
"resolveJsonModule": true,
"isolatedModules": true,
"jsx": "preserve",