refactor: rename the image component

malkiii · Apr 14, 2024 · 4bd9d6a · 4bd9d6a
1 parent 8c027d9
commit 4bd9d6a
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 5 deletions.
diff --git a/apps/demo/app/page.tsx b/apps/demo/app/page.tsx
@@ -1,6 +1,6 @@
 'use client';
 
-import ImageInput from '~/components/image-input';
+import AvatarInput from '~/components/avatar-input';
 import { site } from '~/data/constants';
 
 export default function Page() {
@@ -14,7 +14,7 @@ export default function Page() {
         padding: '0 1rem',
       }}
     >
-      <ImageInput />
+      <AvatarInput />
       <GithubCorner />
     </main>
   );

diff --git a/apps/demo/components/image-input.tsx → apps/demo/components/avatar-input.tsx b/apps/demo/components/image-input.tsx → apps/demo/components/avatar-input.tsx
@@ -2,7 +2,7 @@ import React from 'react';
 import { useScrollPosition, useSwiping } from 'react-pre-hooks';
 
 // input component
-export default function ImageInput() {
+export default function AvatarInput() {
   const [imageFile, setImageFile] = React.useState<File>();
   const [croppedImage, setCroppedImage] = React.useState<string>();
 

diff --git a/packages/cli/src/helpers.ts b/packages/cli/src/helpers.ts
@@ -9,7 +9,7 @@ import transformTypescript from '@babel/plugin-transform-typescript';
 import babel from '@babel/core';
 
 const rootDir = path.resolve(path.dirname(fileURLToPath(import.meta.url)), '../');
-export const componentPath = 'apps/demo/components/image-input.tsx';
+export const componentPath = 'apps/demo/components/avatar-input.tsx';
 
 export function getPackageInfo() {
   const pkg = JSON.parse(fs.readFileSync(path.join(rootDir, 'package.json'), 'utf-8'));

diff --git a/packages/cli/src/index.ts b/packages/cli/src/index.ts
@@ -32,7 +32,7 @@ async function main() {
 
       const project = getProjectInfo(dir, options.path);
 
-      const componentName = `ImageInput.${project.isTsProject ? 'tsx' : 'jsx'}`;
+      const componentName = `avatar-input.${project.isTsProject ? 'tsx' : 'jsx'}`;
       const componentContent = await getComponentFileContent(pkg.repository, project.isTsProject);
       const contentPrefix = project.isUsingRSC ? "'use client';\n\n" : '';