Remove NPM config from Taskfile as it is no longer needed with react 19

Enrise · Dec 6, 2024 · a1ad6bc · a1ad6bc
1 parent 32e726a
commit a1ad6bc
Show file tree

Hide file tree

Showing 4 changed files with 17 additions and 19 deletions.
diff --git a/Taskfile b/Taskfile
@@ -19,7 +19,6 @@ function banner {
 # =========================================================
 
 function task:init { ## Set up the project for local development
-	project:npm-config
 	project:git-config
 	task:update
 	task:help
@@ -52,12 +51,6 @@ function project:install-dependencies {
 	npm install
 }
 
-function project:npm-config {
-	title "Configuring NPM"
-	npm config --location=project set legacy-peer-deps=true \
-		&& echo -e "All ${GREEN}good${RESET}."
-}
-
 function project:git-config {
 	title "Setting git configuration"
 	git config --local core.hooksPath dev/git-hooks

diff --git a/src/components/Generator/GeneredTaskfile/GeneratedTaskfile.tsx b/src/components/Generator/GeneredTaskfile/GeneratedTaskfile.tsx
@@ -1,11 +1,11 @@
 'use client';
 
-import {ReactElement} from 'react';
-import {taskfile} from '@/components/Generator/GeneredTaskfile/taskfile';
-import {useFormContext} from 'react-hook-form';
-import {GeneratorSettings} from '@/components/Generator/Generator';
+import { ReactElement } from 'react';
+import { taskfile } from '@/components/Generator/GeneredTaskfile/taskfile';
+import { useFormContext } from 'react-hook-form';
+import { GeneratorSettings } from '@/components/Generator/Generator';
 import SaveFile from './SaveFile';
-import {highlighter} from './Highlighter';
+import { highlighter } from './Highlighter';
 
 const GeneratedTaskfile = (): ReactElement => {
 	const form = useFormContext<GeneratorSettings>();

diff --git a/src/components/Generator/GeneredTaskfile/SaveFile/SaveFile.tsx b/src/components/Generator/GeneredTaskfile/SaveFile/SaveFile.tsx
@@ -1,6 +1,6 @@
 'use client';
 
-import {ReactElement, useState} from 'react';
+import { ReactElement, useState } from 'react';
 
 import styles from './save-file.module.scss';
 
@@ -19,7 +19,7 @@ const CopyToClipboard = ({ content }: CopyProps): ReactElement => {
 	};
 
 	const download = (): void => {
-		const blob = new Blob([content], {type: 'text/x-shellscript'});
+		const blob = new Blob([content], { type: 'text/x-shellscript' });
 		const elem = window.document.createElement('a');
 		elem.href = window.URL.createObjectURL(blob);
 		elem.download = 'Taskfile';
@@ -31,7 +31,12 @@ const CopyToClipboard = ({ content }: CopyProps): ReactElement => {
 	return (
 		<div className={styles.container}>
 			<button type="button" className={`${styles.download}`} onClick={download} title="Download Taskfile" />
-			<button type="button" className={`${styles.copy} ${isCopied && styles.copied}`} onClick={onClick} title="Copy Taskfile content" />
+			<button
+				type="button"
+				className={`${styles.copy} ${isCopied && styles.copied}`}
+				onClick={onClick}
+				title="Copy Taskfile content"
+			/>
 		</div>
 	);
 };

diff --git a/src/components/Generator/GeneredTaskfile/SaveFile/save-file.module.scss b/src/components/Generator/GeneredTaskfile/SaveFile/save-file.module.scss
@@ -22,8 +22,7 @@
 	background-repeat: no-repeat;
 	background-position: center;
 	border-radius: 0.2rem;
-	transition:
-		background-color 200ms ease-in-out;
+	transition: background-color 200ms ease-in-out;
 }
 
 .download {
@@ -32,10 +31,11 @@
 
 .copy {
 	background-image: url('./clipboard.svg');
-	background-size: 1.0rem;
+	background-size: 1rem;
 }
 
-.copy:hover, .download:hover {
+.copy:hover,
+.download:hover {
 	color: #fff;
 	border-color: #fff;
 }