fix: incorrect newlining

TalismanSociety · Dec 30, 2024 · afa8166 · afa8166
1 parent 459a7af
commit afa8166
Show file tree

Hide file tree

Showing 7 changed files with 29 additions and 22 deletions.
diff --git a/apps/portal/src/components/recipes/DappStakingForm.tsx b/apps/portal/src/components/recipes/DappStakingForm.tsx
@@ -167,9 +167,10 @@ export const DappStakingSideSheet = ({
     <SideSheet
       {...props}
       title={
-        <>
-          <Zap /> Stake
-        </>
+        <div className="flex items-center gap-2">
+          <Zap />
+          Stake
+        </div>
       }
       subtitle="Astar DApp staking"
     >

diff --git a/apps/portal/src/components/recipes/PoolClaimPermissionForm.tsx b/apps/portal/src/components/recipes/PoolClaimPermissionForm.tsx
@@ -70,14 +70,14 @@ export const PoolClaimPermissionForm = (props: PoolClaimPermissionFormProps) =>
 
   return (
     <div>
-      <div css={{ marginBottom: '1.6rem' }}>
-        <label>
+      <div className="flex items-center gap-2" css={{ marginBottom: '1.6rem' }}>
+        <label className="flex items-center gap-2">
           <Switch
             checked={props.permission !== undefined}
             onChange={event => props.onChangePermission(event.target.checked ? 'compound' : undefined)}
-          />{' '}
+          />
           {props.isTalismanPool ? 'Enable auto claiming' : 'Enable permissionless claiming'}
-        </label>{' '}
+        </label>
         <Tooltip
           content={
             <>
@@ -154,9 +154,10 @@ type PoolClaimPermissionDialogProps = PropsWithChildren<{
 export const PoolClaimPermissionDialog = (props: PoolClaimPermissionDialogProps) => (
   <AlertDialog
     title={
-      <>
-        <Calculate css={{ verticalAlign: 'bottom' }} /> Claim method
-      </>
+      <div className="flex items-center gap-2">
+        <Calculate />
+        Claim method
+      </div>
     }
     targetWidth="77rem"
     {...props}

diff --git a/apps/portal/src/components/recipes/StakeDialog.tsx b/apps/portal/src/components/recipes/StakeDialog.tsx
@@ -22,8 +22,9 @@ export const StakeDialog = Object.assign(
     <SideSheet
       {...props}
       title={
-        <div>
-          <Zap /> Stake
+        <div className="flex items-center gap-2">
+          <Zap />
+          Stake
         </div>
       }
       subtitle="Nomination pool staking"

diff --git a/apps/portal/src/components/widgets/staking/lido/LidoWidgetSideSheet.tsx b/apps/portal/src/components/widgets/staking/lido/LidoWidgetSideSheet.tsx
@@ -27,9 +27,10 @@ const LidoWidgetSideSheet = (props: LidoWidgetSideSheetProps) => {
       {({ css }) => (
         <SideSheet
           title={
-            <>
-              <Zap /> Stake
-            </>
+            <div className="flex items-center gap-2">
+              <Zap />
+              Stake
+            </div>
           }
           onRequestDismiss={props.onRequestDismiss}
           css={{

diff --git a/apps/portal/src/components/widgets/staking/slpx/StakeSideSheet.tsx b/apps/portal/src/components/widgets/staking/slpx/StakeSideSheet.tsx
@@ -50,8 +50,9 @@ const AddStakeSideSheet = (props: AddStakeSideSheetProps) => {
   return (
     <SideSheet
       title={
-        <div>
-          <Zap /> Stake
+        <div className="flex items-center gap-2">
+          <Zap />
+          Stake
         </div>
       }
       subtitle="Liquid Staking"

diff --git a/apps/portal/src/components/widgets/staking/slpxSubstrate/AddStakeSideSheet.tsx b/apps/portal/src/components/widgets/staking/slpxSubstrate/AddStakeSideSheet.tsx
@@ -35,8 +35,9 @@ const AddStakeSideSheet = ({ slpxPair, onRequestDismiss }: Props) => {
   return (
     <SideSheet
       title={
-        <div>
-          <Zap /> Stake
+        <div className="flex items-center gap-2">
+          <Zap />
+          Stake
         </div>
       }
       subtitle="Liquid Staking"

diff --git a/apps/portal/src/components/widgets/staking/subtensor/SubtensorStakingForm.tsx b/apps/portal/src/components/widgets/staking/subtensor/SubtensorStakingForm.tsx
@@ -148,9 +148,10 @@ export const SubtensorStakingSideSheet = ({
   <SideSheet
     {...props}
     title={
-      <>
-        <Zap /> Stake
-      </>
+      <div className="flex items-center gap-2">
+        <Zap />
+        Stake
+      </div>
     }
     subtitle="Bittensor delegated staking"
   >