From dc97c1470e48f0f78cf7cbef6e1214c40366d56f Mon Sep 17 00:00:00 2001 From: OGreeni Date: Mon, 4 Dec 2023 00:20:31 -0500 Subject: [PATCH] add checkbox --- .idea/workspace.xml | 47 +++++++++++++----------- frontend/package.json | 1 + frontend/pnpm-lock.yaml | 17 +++++++++ frontend/src/app/components/Checkbox.tsx | 18 +++++++++ frontend/tailwind.config.ts | 2 +- 5 files changed, 62 insertions(+), 23 deletions(-) create mode 100644 frontend/src/app/components/Checkbox.tsx diff --git a/.idea/workspace.xml b/.idea/workspace.xml index 6dfdb24..37dd620 100644 --- a/.idea/workspace.xml +++ b/.idea/workspace.xml @@ -5,8 +5,11 @@ - + + + + - { - "keyToString": { - "RunOnceActivity.OpenProjectViewOnStart": "true", - "RunOnceActivity.ShowReadmeOnStart": "true", - "WebServerToolWindowFactoryState": "false", - "git-widget-placeholder": "main", - "js.buildTools.grunt.grunt-cli.package": "", - "js.buildTools.gulp.gulp_package_dir": "", - "last_opened_file_path": "/Users/ogreeni/Desktop/code/hack4impact/CCA-frontend", - "node.js.detected.package.eslint": "true", - "node.js.detected.package.tslint": "true", - "node.js.selected.package.eslint": "(autodetect)", - "node.js.selected.package.tslint": "(autodetect)", - "nodejs.cucumber.cucumber_node_package_dir": "", - "nodejs.jest.jest_package": "", - "nodejs_package_manager_path": "npm", - "prettierjs.PrettierConfiguration.Package": "/Users/ogreeni/Desktop/code/hack4impact/CCA-frontend/frontend/node_modules/prettier", - "settings.editor.selected.configurable": "settings.javascript.prettier", - "ts.external.directory.path": "/Users/ogreeni/Desktop/code/hack4impact/CCA-frontend/node_modules/typescript/lib", - "vue.rearranger.settings.migration": "true" + +}]]> diff --git a/frontend/package.json b/frontend/package.json index e2a5cec..a771c72 100644 --- a/frontend/package.json +++ b/frontend/package.json @@ -9,6 +9,7 @@ "lint": "next lint" }, "dependencies": { + "@tailwindcss/forms": "^0.5.7", "@types/node": "20.8.9", "@types/react": "18.2.33", "@types/react-dom": "18.2.14", diff --git a/frontend/pnpm-lock.yaml b/frontend/pnpm-lock.yaml index 62d196f..5f74c6e 100644 --- a/frontend/pnpm-lock.yaml +++ b/frontend/pnpm-lock.yaml @@ -5,6 +5,9 @@ settings: excludeLinksFromLockfile: false dependencies: + '@tailwindcss/forms': + specifier: ^0.5.7 + version: 0.5.7(tailwindcss@3.3.3) '@types/node': specifier: 20.8.9 version: 20.8.9 @@ -275,6 +278,15 @@ packages: tslib: 2.6.2 dev: false + /@tailwindcss/forms@0.5.7(tailwindcss@3.3.3): + resolution: {integrity: sha512-QE7X69iQI+ZXwldE+rzasvbJiyV/ju1FGHH0Qn2W3FKbuYtqp8LKcy6iSw79fVUT5/Vvf+0XgLCeYVG+UV6hOw==} + peerDependencies: + tailwindcss: '>=3.0.0 || >= 3.0.0-alpha.1' + dependencies: + mini-svg-data-uri: 1.4.4 + tailwindcss: 3.3.3 + dev: false + /@types/json5@0.0.29: resolution: {integrity: sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ==} dev: false @@ -1737,6 +1749,11 @@ packages: picomatch: 2.3.1 dev: false + /mini-svg-data-uri@1.4.4: + resolution: {integrity: sha512-r9deDe9p5FJUPZAk3A59wGH7Ii9YrjjWw0jmw/liSbHl2CHiyXj6FcDXDu2K3TjVAXqiJdaw3xxwlZZr9E6nHg==} + hasBin: true + dev: false + /minimatch@3.1.2: resolution: {integrity: sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==} dependencies: diff --git a/frontend/src/app/components/Checkbox.tsx b/frontend/src/app/components/Checkbox.tsx new file mode 100644 index 0000000..6a22bea --- /dev/null +++ b/frontend/src/app/components/Checkbox.tsx @@ -0,0 +1,18 @@ +interface CheckboxProps { + checked: boolean; + handleChange: () => void; +} + +export default function Checkbox(props: CheckboxProps) { + const { checked, handleChange } = props; + + return ( + + ); +} diff --git a/frontend/tailwind.config.ts b/frontend/tailwind.config.ts index c433a4e..ab79130 100644 --- a/frontend/tailwind.config.ts +++ b/frontend/tailwind.config.ts @@ -24,6 +24,6 @@ const config: Config = { }, }, }, - plugins: [], + plugins: [require("@tailwindcss/forms")], }; export default config;