yarn cleanup

Author: AdamKyle

resources/js/game/components/actions/partials/actions/actions.tsx

@@ -1,30 +1,34 @@
 import React, { ReactNode } from 'react';
+
 import MonsterSection from '../monster-section/monster-section';
 import { useScrollIconMenu } from './hooks/use-scroll-icon-menu';
 import NavigationActionsComponent from './navigation-actions';
 import ActionsProps from './types/actions-props';
-import Card from 'ui/cards/card';
 import FightLog from '../monster-section/fight-log';
 
+import Card from 'ui/cards/card';
+
 const Actions = (props: ActionsProps): ReactNode => {
   const { scrollY, isMobile } = useScrollIconMenu();
 
   return (
     <Card>
-      <div className="
+      <div
+        className="
         grid
         grid-cols-1
         lg:grid-cols-[auto_minmax(0,64rem)]
         xl:grid-cols-[auto_minmax(0,64rem)_1fr]
         justify-items-center
         gap-x-8
-      ">
+      "
+      >
         <div className="justify-self-center lg:justify-self-start">
           <NavigationActionsComponent scrollY={scrollY} isMobile={isMobile} />
         </div>
         <div className="justify-self-center w-full max-w-5xl">
-          <div className='xl:ml-[450px]'>
-          <MonsterSection show_monster_stats={props.showMonsterStats} />
+          <div className="xl:ml-[450px]">
+            <MonsterSection show_monster_stats={props.showMonsterStats} />
           </div>
         </div>
         <div className="hidden xl:block col-start-3 justify-self-center w-[480px]">

resources/js/game/components/actions/partials/monster-section/fight-log.tsx

@@ -1,10 +1,11 @@
 import React from 'react';
+
+import FightLogProps from './types/fight-log-props';
 import AttackMessages from '../../components/fight-section/attack-messages';
 import AttackMessageDefinition from '../../components/fight-section/deffinitions/attack-message-definition';
 import { AttackMessageType } from '../../components/fight-section/enums/attack-message-type';
-import FightLogProps from './types/fight-log-props';
 
-const FightLog = ({close_action}: FightLogProps) => {
+const FightLog = ({ close_action }: FightLogProps) => {
   const messages: AttackMessageDefinition[] = [
     {
       message: 'You Attack for 150,000 Damage!',
@@ -40,6 +41,6 @@ const FightLog = ({close_action}: FightLogProps) => {
       </div>
     </div>
   );
-}
+};
 
-export default FightLog
+export default FightLog;

resources/js/game/components/actions/partials/monster-section/monster-section.tsx

@@ -98,7 +98,7 @@ const MonsterSection = (props: MonsterSectionProps): ReactNode => {
           on_click={() => {}}
         />
       </AttackButtonsContainer>
-      <div className='block xl:hidden'>
+      <div className="block xl:hidden">
         <Separator additional_css="w-full lg:w-1/5 mx-auto my-6" />
         <AttackMessages messages={messages} />
       </div>

resources/js/game/components/actions/partials/monster-section/types/fight-log-props.ts

@@ -1,3 +1,3 @@
 export default interface FightLogProps {
   close_action: () => void;
-}
+}