Create new tool

src/pages/image/png/convert-jgp-to-png/convert-jgp-to-png.service.test.ts

@@ -0,0 +1,6 @@
+import { expect, describe, it } from 'vitest';
+// import { } from './service';
+//
+// describe('convert-jgp-to-png', () => {
+//
+// })

src/pages/image/png/convert-jgp-to-png/index.tsx

@@ -0,0 +1,11 @@
+import { Box } from '@mui/material';
+import React from 'react';
+import * as Yup from 'yup';
+
+const initialValues = {};
+const validationSchema = Yup.object({
+  // splitSeparator: Yup.string().required('The separator is required')
+});
+export default function ConvertJgpToPng() {
+  return <Box>Lorem ipsum</Box>;
+}

src/pages/image/png/convert-jgp-to-png/meta.ts

@@ -0,0 +1,14 @@
+import { defineTool } from '@tools/defineTool';
+import { lazy } from 'react';
+// import image from '@assets/text.png';
+
+export const tool = defineTool('png', {
+  name: 'Convert jgp to png',
+  path: 'convert-jgp-to-png',
+  // image,
+  description:
+    'Quickly your JPG images to PNG. Just import your PNG image in the editor on the left',
+  shortDescription: '',
+  keywords: ['convert', 'jgp', 'to', 'png'],
+  component: lazy(() => import('./index'))
+});

src/pages/image/png/index.ts

@@ -1,3 +1,4 @@
+import { tool as pngConvertJgpToPng } from './convert-jgp-to-png/meta';
 import { tool as pngCreateTransparent } from './create-transparent/meta';
 import { tool as changeColorsInPng } from './change-colors-in-png/meta';