style: 💄 fix linter issues

Author: streamich

src/json-crdt-peritext-ui/plugins/cursor/RenderCaret.tsx

@@ -88,7 +88,7 @@ export const RenderCaret: React.FC<RenderCaretProps> = ({italic, children}) => {
           }}
         />
       )}
-      
+
       {/* Two carets overlay, so that they look good, both, on white and black backgrounds. */}
       <span className={innerClass + innerClass2} style={style} />
       <span className={innerClass} style={style} />

src/json-crdt-peritext-ui/plugins/minimal/RenderInline/Spoiler.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import type * as React from 'react';
 import {rule} from 'nano-theme';
 
 const blockClass = rule({
@@ -18,7 +18,5 @@ export interface SpoilerProps {
 export const Spoiler: React.FC<SpoilerProps> = (props) => {
   const {children} = props;
 
-  return (
-    <span className={blockClass}>{children}</span>
-  );
+  return <span className={blockClass}>{children}</span>;
 };

src/json-crdt-peritext-ui/plugins/minimal/RenderInline/index.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import type * as React from 'react';
 import {usePeritext} from '../../../react';
 import {useSyncStoreOpt} from '../../../react/hooks';
 import {DefaultRendererColors} from '../constants';

src/json-crdt-peritext-ui/plugins/toolbar/RenderInline/Code.tsx

@@ -1,6 +1,6 @@
-import * as React from 'react';
+import type * as React from 'react';
 import {rule, drule, theme, useTheme} from 'nano-theme';
-import {InlineAttr} from '../../../../json-crdt-extensions';
+import type {InlineAttr} from '../../../../json-crdt-extensions';
 
 const blockClass = drule({
   ...theme.font.mono.mid,
@@ -31,12 +31,10 @@ export const Code: React.FC<CodeProps> = (props) => {
   const theme = useTheme();
   const className =
     blockClass({
-      bg: theme.g(.2, .1),
+      bg: theme.g(0.2, 0.1),
     }) +
     (attr.isStart() ? startClass : '') +
     (attr.isEnd() ? endClass : '');
 
-  return (
-    <span className={className}>{children}</span>
-  );
+  return <span className={className}>{children}</span>;
 };

src/json-crdt-peritext-ui/plugins/toolbar/RenderInline/Del.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import type * as React from 'react';
 import {rule} from 'nano-theme';
 
 const delClass = rule({
@@ -14,9 +14,5 @@ export interface DelProps {
 export const Del: React.FC<DelProps> = (props) => {
   const {children} = props;
 
-  return (
-    <del className={delClass}>
-      {children}
-    </del>
-  );
+  return <del className={delClass}>{children}</del>;
 };

src/json-crdt-peritext-ui/plugins/toolbar/RenderInline/Ins.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import type * as React from 'react';
 import {rule} from 'nano-theme';
 
 const blockClass = rule({
@@ -14,9 +14,5 @@ export interface InsProps {
 export const Ins: React.FC<InsProps> = (props) => {
   const {children} = props;
 
-  return (
-    <ins className={blockClass}>
-      {children}
-    </ins>
-  );
+  return <ins className={blockClass}>{children}</ins>;
 };

src/json-crdt-peritext-ui/plugins/toolbar/RenderInline/Kbd.tsx

@@ -1,6 +1,6 @@
-import * as React from 'react';
+import type * as React from 'react';
 import {rule, theme} from 'nano-theme';
-import {InlineAttr} from '../../../../json-crdt-extensions';
+import type {InlineAttr} from '../../../../json-crdt-extensions';
 
 const blockClass = rule({
   ...theme.font.mono.mid,
@@ -37,14 +37,7 @@ export interface KbdProps {
 
 export const Kbd: React.FC<KbdProps> = (props) => {
   const {attr, children} = props;
-  const className =
-    blockClass +
-    (attr.isStart() ? startClass : '') +
-    (attr.isEnd() ? endClass : '');
+  const className = blockClass + (attr.isStart() ? startClass : '') + (attr.isEnd() ? endClass : '');
 
-  return (
-    <kbd className={className}>
-      {children}
-    </kbd>
-  );
+  return <kbd className={className}>{children}</kbd>;
 };

src/json-crdt-peritext-ui/plugins/toolbar/RenderInline/Spoiler.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import type * as React from 'react';
 import {rule} from 'nano-theme';
 
 const blockClass = rule({
@@ -18,7 +18,5 @@ export interface SpoilerProps {
 export const Spoiler: React.FC<SpoilerProps> = (props) => {
   const {children} = props;
 
-  return (
-    <span className={blockClass}>{children}</span>
-  );
+  return <span className={blockClass}>{children}</span>;
 };