細部

frontend/src/components/common/TabGroup.tsx

@@ -2,8 +2,8 @@ import React, { useState } from 'react'
 import { cn } from '@/lib/utils'
 
 type TabProps = { name:     string
-                  init?:    boolean
-                  children: React.ReactNode }
+		  init?:    boolean
+		  children: React.ReactNode }
 
 type Props = { children: React.ReactNode }
 
@@ -20,20 +20,20 @@ export default ({ children }: Props) => {
 
   return (
       <div className="mt-4">
-        <div className="flex gap-4">
-          {tabs.map ((tab, i) => (
-              <a key={i}
-                 href="#"
-                 className={cn (i === current && 'font-bold')}
-                 onClick={ev => {
-                   ev.preventDefault ()
-                   setCurrent (i)
-                 }}>
-                {tab.props.name}
-              </a>))}
-        </div>
-        <div className="mt-2">
-          {tabs[current]}
-        </div>
+	<div className="flex gap-4">
+	  {tabs.map ((tab, i) => (
+	      <a key={i}
+		 href="#"
+		 className={cn (i === current && 'font-bold')}
+		 onClick={ev => {
+		   ev.preventDefault ()
+		   setCurrent (i)
+		 }}>
+		{tab.props.name}
+	      </a>))}
+	</div>
+	<div className="mt-2">
+	  {tabs[current]}
+	</div>
       </div>)
 }