Import PropsWithChildren in a few components

ammario · ammario · commit 150571df6c12 · 2022-08-02T16:59:18.000Z
diff --git a/site/src/__mocks__/react-markdown.tsx b/site/src/__mocks__/react-markdown.tsx
@@ -1,6 +1,6 @@
-import { FC } from "react"
+import { FC, PropsWithChildren } from "react"
 
-const ReactMarkdown: FC<React.PropsWithChildren<unknown>> = ({ children }) => {
+const ReactMarkdown: FC<PropsWithChildren<unknown>> = ({ children }) => {
   return <div data-testid="markdown">{children}</div>
 }
 
diff --git a/site/src/components/AppLink/AppLink.tsx b/site/src/components/AppLink/AppLink.tsx
@@ -17,7 +17,7 @@ export interface AppLinkProps {
   appIcon?: TypesGen.WorkspaceApp["icon"]
 }
 
-export const AppLink: FC<React.PropsWithChildren<AppLinkProps>> = ({
+export const AppLink: FC<PropsWithChildren<AppLinkProps>> = ({
   userName,
   workspaceName,
   appName,
diff --git a/site/src/components/AuthAndFrame/AuthAndFrame.tsx b/site/src/components/AuthAndFrame/AuthAndFrame.tsx
@@ -13,7 +13,7 @@ interface AuthAndFrameProps {
 /**
  * Wraps page in RequireAuth and renders it between Navbar and Footer
  */
-export const AuthAndFrame: FC<React.PropsWithChildren<AuthAndFrameProps>> = ({ children }) => {
+export const AuthAndFrame: FC<PropsWithChildren<AuthAndFrameProps>> = ({ children }) => {
   const styles = useStyles()
   const xServices = useContext(XServiceContext)
 
diff --git a/site/src/components/AvatarData/AvatarData.tsx b/site/src/components/AvatarData/AvatarData.tsx
@@ -18,7 +18,7 @@ export interface AvatarDataProps {
   avatar?: React.ReactNode
 }
 
-export const AvatarData: FC<React.PropsWithChildren<AvatarDataProps>> = ({
+export const AvatarData: FC<PropsWithChildren<AvatarDataProps>> = ({
   title,
   subtitle,
   link,
diff --git a/site/src/components/BorderedMenu/BorderedMenu.tsx b/site/src/components/BorderedMenu/BorderedMenu.tsx
@@ -8,7 +8,7 @@ export type BorderedMenuProps = Omit<PopoverProps, "variant"> & {
   variant?: BorderedMenuVariant
 }
 
-export const BorderedMenu: FC<React.PropsWithChildren<BorderedMenuProps>> = ({
+export const BorderedMenu: FC<PropsWithChildren<BorderedMenuProps>> = ({
   children,
   variant,
   ...rest

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`		`-import { FC } from "react"`
	`1`	`+import { FC, PropsWithChildren } from "react"`
`2`	`2`
`3`		`-const ReactMarkdown: FC<React.PropsWithChildren<unknown>> = ({ children }) => {`
	`3`	`+const ReactMarkdown: FC<PropsWithChildren<unknown>> = ({ children }) => {`
`4`	`4`	`return <div data-testid="markdown">{children}</div>`
`5`	`5`	`}`
`6`	`6`
Original file line number	Diff line number	Diff line change
`@@ -17,7 +17,7 @@ export interface AppLinkProps {`
`17`	`17`	`appIcon?: TypesGen.WorkspaceApp["icon"]`
`18`	`18`	`}`
`19`	`19`
`20`		`-export const AppLink: FC<React.PropsWithChildren<AppLinkProps>> = ({`
	`20`	`+export const AppLink: FC<PropsWithChildren<AppLinkProps>> = ({`
`21`	`21`	`userName,`
`22`	`22`	`workspaceName,`
`23`	`23`	`appName,`
Original file line number	Diff line number	Diff line change
`@@ -18,7 +18,7 @@ export interface AvatarDataProps {`
`18`	`18`	`avatar?: React.ReactNode`
`19`	`19`	`}`
`20`	`20`
`21`		`-export const AvatarData: FC<React.PropsWithChildren<AvatarDataProps>> = ({`
	`21`	`+export const AvatarData: FC<PropsWithChildren<AvatarDataProps>> = ({`
`22`	`22`	`title,`
`23`	`23`	`subtitle,`
`24`	`24`	`link,`
Original file line number	Diff line number	Diff line change
`@@ -8,7 +8,7 @@ export type BorderedMenuProps = Omit<PopoverProps, "variant"> & {`
`8`	`8`	`variant?: BorderedMenuVariant`
`9`	`9`	`}`
`10`	`10`
`11`		`-export const BorderedMenu: FC<React.PropsWithChildren<BorderedMenuProps>> = ({`
	`11`	`+export const BorderedMenu: FC<PropsWithChildren<BorderedMenuProps>> = ({`
`12`	`12`	`children,`
`13`	`13`	`variant,`
`14`	`14`	`...rest`