tsx-mui-material-ui-move-import

A painting is a person's account of this edit as text, recorded independently of the node mapping - a rendering often has several equally defensible answers where the mapping has one. Deletions and insertions carry no position on the opposite side in a painting, so that panel draws no caret for them.

Before1import Box from '@mui/material/Box';
2import Typography from '@mui/material/Typography';
3import GradientText from 'docs/src/components/typography/GradientText';
4import GetStartedButtons from 'docs/src/components/home/GetStartedButtons';
5import SectionHeadline from 'docs/src/components/typography/SectionHeadline';
6
7export default function CustomersCTA() {
8  return (
9    <Box
10      sx={{ display: 'flex', flexDirection: 'column', alignItems: { xs: 'auto', sm: 'center' } }}
11    >
…lines 12–26 unchanged (15 lines)

After1import Box from '@mui/material/Box';
2import Typography from '@mui/material/Typography';
3import SectionHeadline from '@mui/docs/SectionHeadline';
4import GradientText from 'docs/src/components/typography/GradientText';
5import GetStartedButtons from 'docs/src/components/home/GetStartedButtons';
6
7export default function CustomersCTA() {
8  return (
9    <Box
…lines 10–26 unchanged (17 lines)

Before1import Box from '@mui/material/Box';
2import Typography from '@mui/material/Typography';
3import GradientText from 'docs/src/components/typography/GradientText';
4import GetStartedButtons from 'docs/src/components/home/GetStartedButtons';
5import SectionHeadline from 'docs/src/components/typography/SectionHeadline';
6
7export default function CustomersCTA() {
8  return (
9    <Box
10      sx={{ display: 'flex', flexDirection: 'column', alignItems: { xs: 'auto', sm: 'center' } }}
11    >
…lines 12–26 unchanged (15 lines)

After1import Box from '@mui/material/Box';
2import Typography from '@mui/material/Typography';
3import SectionHeadline from '@mui/docs/SectionHeadline';
4import GradientText from 'docs/src/components/typography/GradientText';
5import GetStartedButtons from 'docs/src/components/home/GetStartedButtons';
6
7export default function CustomersCTA() {
8  return (
9    <Box
…lines 10–26 unchanged (17 lines)

Before

program

import_statement

import "import"

import_clause

identifier "Box"

from "from"

string

' "'"

string_fragment "@mui/material/Box"

' "'"

; ";"

import_statement

import "import"

import_clause

identifier "Typography"

from "from"

string

' "'"

string_fragment "@mui/material/Typography"

' "'"

; ";"

import_statement

import "import"

import_clause

identifier "GradientText"

from "from"

string

' "'"

string_fragment "docs/src/components/typography/GradientText"

' "'"

; ";"

import_statement

import "import"

import_clause

identifier "GetStartedButtons"

from "from"

string

' "'"

string_fragment "docs/src/components/home/GetStartedButtons"

' "'"

; ";"

import_statement

import "import"

import_clause

identifier "SectionHeadline"

from "from"

string

' "'"

string_fragment "docs/src/components/typography/SectionHeadline"

' "'"

; ";"

export_statement (+144 nodes collapsed)

After

program

import_statement

import "import"

import_clause

identifier "Box"

from "from"

string

' "'"

string_fragment "@mui/material/Box"

' "'"

; ";"

import_statement

import "import"

import_clause

identifier "Typography"

from "from"

string

' "'"

string_fragment "@mui/material/Typography"

' "'"

; ";"

import_statement

import "import"

import_clause

identifier "SectionHeadline"

from "from"

string

' "'"

string_fragment "@mui/docs/SectionHeadline"

' "'"

; ";"

import_statement

import "import"

import_clause

identifier "GradientText"

from "from"

string

' "'"

string_fragment "docs/src/components/typography/GradientText"

' "'"

; ";"

import_statement

import "import"

import_clause

identifier "GetStartedButtons"

from "from"

string

' "'"

string_fragment "docs/src/components/home/GetStartedButtons"

' "'"

; ";"

export_statement (+144 nodes collapsed)

Keybindings

j / k: next / previous visible node (tree panels)
h / l: collapse / expand the focused node
g / G: jump to first / last visible node
Tab: switch focus between Before/After panels
/: search: jump to next node whose text contains a given string
a: jump the other panel to this node's mapped counterpart
i: hide identical matches, showing only inserted/deleted/updated nodes and their ancestors
v: cycle the view: split / code only / tree only
p: cycle what the code view renders: the node mapping, then each human painting
r: mark this fixture as reviewed, or forget the mark (kept in this browser only)
n: open a random fixture not yet marked as reviewed
?: toggle this help