fix: typo and rename for react philosophy (#1)

ShenQingchuan · Aug 18, 2023 · afe0bd1 · afe0bd1
1 parent e3cc161
commit afe0bd1
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 13 deletions.
diff --git a/src/jotais/counter.ts → src/atoms/counter.ts b/src/jotais/counter.ts → src/atoms/counter.ts
diff --git a/src/components/Counter.tsx b/src/components/Counter.tsx
@@ -1,28 +1,28 @@
 import { useAtom } from 'jotai'
-import { counterAtom } from '../jotais/counter'
+import { counterAtom } from '../atoms/counter'
 
 export function Counter() {
   const [count, setCount] = useAtom(counterAtom)
   const increment = () => setCount(c => c + 1)
   const decrement = () => setCount(c => c - 1)
 
   return (
-    <div className='flex justify-center items-center mt-4 mb-8'>
+    <div className="flex justify-center items-center mt-4 mb-8">
       <button
         className="btn btn-ghost btn-circle text-[1.5rem] mx-2"
         onClick={increment}
       >
-        <div className='i-carbon-add' data-test-id="count-inc-btn" />
+        <div className="i-carbon-add" data-test-id="count-inc-btn" />
       </button>
       <div
         data-test-id="count-display"
-        className='
+        className="
           px-4 py-2 mx-2
           border rounded-md
           border-slate-600/30 bg-slate-100/40
           dark:border-slate-400/30 dark:bg-slate-600/40
           select-none
-        '
+        "
       >
         <samp>Count: {count}</samp>
       </div>
@@ -31,7 +31,7 @@ export function Counter() {
         data-test-id="count-dec-btn"
         onClick={decrement}
       >
-        <div className='i-carbon-subtract' />
+        <div className="i-carbon-subtract" />
       </button>
     </div>
   )

diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
@@ -32,7 +32,7 @@ export function Footer() {
               logo
               h-6 mx-2
               will-change-filter
-              trasition-[filter]
+              transition-[filter]
               duration-300
               hover:drop-shadow-[0_0_1em_#646cffaa]
             "

diff --git a/src/components/Header.tsx b/src/components/Header.tsx
@@ -6,25 +6,25 @@ export function Header() {
 
   return (
     <div
-      className='
+      className="
         flex flex-col
         justify-center items-center
         mb-4
-      '
+      "
     >
       <img
-        className='
+        className="
           h-48 -rotate-12 -m-6
           will-change-filter
-          trasition-[filter]
+          transition-[filter]
           duration-300
           drop-shadow-[0_0_1em_#ff9c6556]
           hover:drop-shadow-[0_0_1em_#ff9c65cc]
-        '
+        "
         src={RailgunLogo}
         alt="Railgun Logo"
       />
-      <h1 className='text-2xl font-medium'>
+      <h1 className="text-2xl font-medium">
         Railgun - {t('railgun-header-title')}
       </h1>
     </div>