rushilwiz/compass
1
0
Fork 0
mirror of https://github.com/cssgunc/compass.git synced 2025-04-10 06:10:17 -04:00
Code Issues Actions Packages Projects Releases Wiki Activity

fixing button component

Browse Source
This commit is contained in:
anikaahmed114 2024-03-02 15:18:26 -05:00
parent 5029b32aec
commit 9241d93f1b
5 changed files with 4 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
compass/app/auth/forgot_password/page.tsx
View File

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

2
compass/app/auth/newPassword/page.tsx
View File

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

4
compass/app/page.tsx
View File

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

24
compass/components/Button1.tsx
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;

2
compass/tsconfig.json
View File

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