Before

…lines 1–202 unchanged (202 lines)
203 <MakeTeamCard />
204 </Kb.Box>
205 )}
206 {allowDigging && loadMoreType === 'moreToLoad' && pendingState === 'done' && (
207 <Kb.Box style={styles.more}>
208 <Kb.Text type="BodyBig">
209 <Kb.Emoji size={16} emojiName=":moyai:" />
210 </Kb.Text>
211 <Kb.Text type="BodySmallSemibold">Digging ancient messages...</Kb.Text>
212 </Kb.Box>
213 )}
214 {!Kb.Styles.isMobile || usingFlashList ? null : (
215 // special case here with the sep. The flatlist and flashlist invert the leading-trailing, see useStateFast
…lines 216–238 unchanged (23 lines)

After

…lines 1–202 unchanged (202 lines)
203 <MakeTeamCard />
204 </Kb.Box>
205 )}
206 {allowDigging && loadMoreType === 'moreToLoad' && pendingState === 'done' && (
207 <Kb.Box style={styles.more}>
208 <Kb.Text type="BodyBig">
209 <Kb.NativeEmoji size={16} emojiName=":moyai:" />
210 </Kb.Text>
211 <Kb.Text type="BodySmallSemibold">Digging ancient messages...</Kb.Text>
212 </Kb.Box>
213 )}
214 {!Kb.Styles.isMobile || usingFlashList ? null : (
215 // special case here with the sep. The flatlist and flashlist invert the leading-trailing, see useStateFast
…lines 216–238 unchanged (23 lines)

Before

program
import_statement
import "import"
import_clause
namespace_import
* "*"
as "as"
identifier "C"
from "from"
string
' "'"
string_fragment "@/constants"
' "'"
import_statement
import "import"
import_clause
namespace_import
* "*"
as "as"
identifier "T"
from "from"
string
' "'"
string_fragment "@/constants/types"
' "'"
import_statement
import "import"
import_clause
namespace_import
* "*"
as "as"
identifier "Kb"
from "from"
string
' "'"
string_fragment "@/common-adapters"
' "'"
import_statement
import "import"
import_clause
namespace_import
* "*"
as "as"
identifier "React"
from "from"
string
' "'"
string_fragment "react"
' "'"
import_statement
import "import"
import_clause
identifier "Separator"
from "from"
string
' "'"
string_fragment "./separator"
' "'"
import_statement
import "import"
import_clause
identifier "HelloBotCard"
from "from"
string
' "'"
string_fragment "./cards/hello-bot"
' "'"
import_statement
import "import"
import_clause
identifier "MakeTeamCard"
from "from"
string
' "'"
string_fragment "./cards/make-team"
' "'"
import_statement
import "import"
import_clause
identifier "NewChatCard"
from "from"
string
' "'"
string_fragment "./cards/new-chat"
' "'"
import_statement
import "import"
import_clause
identifier "ProfileResetNotice"
from "from"
string
' "'"
string_fragment "./system-profile-reset-notice"
' "'"
import_statement
import "import"
import_clause
identifier "RetentionNotice"
from "from"
string
' "'"
string_fragment "./retention-notice"
' "'"
import_statement
import "import"
import_clause
named_imports
{ "{"
import_specifier
identifier "usingFlashList"
} "}"
from "from"
string
' "'"
string_fragment "../list-area/flashlist-config"
' "'"
lexical_declaration (+957 nodes collapsed)
lexical_declaration
const "const"
variable_declarator
identifier "SpecialTopMessage"
= "="
call_expression
member_expression
identifier "React"
. "."
property_identifier "memo"
arguments
( "("
function_expression
function "function"
identifier "SpecialTopMessage"
formal_parameters
( "("
) ")"
statement_block
{ "{"
lexical_declaration
const "const"
variable_declarator
identifier "username"
= "="
call_expression
member_expression
identifier "C"
. "."
property_identifier "useCurrentUserState"
arguments
( "("
arrow_function
identifier "s"
=> "=>"
member_expression
identifier "s"
. "."
property_identifier "username"
) ")"
lexical_declaration (+357 nodes collapsed)
lexical_declaration
const "const"
variable_declarator
object_pattern
{ "{"
shorthand_property_identifier_pattern "ordinal"
, ","
shorthand_property_identifier_pattern "pendingState"
, ","
shorthand_property_identifier_pattern "isHelloBotConversation"
, ","
shorthand_property_identifier_pattern "hasOlderResetConversation"
} "}"
= "="
identifier "data"
lexical_declaration
const "const"
variable_declarator
object_pattern
{ "{"
shorthand_property_identifier_pattern "loadMoreType"
, ","
shorthand_property_identifier_pattern "isSelfConversation"
, ","
shorthand_property_identifier_pattern "showTeamOffer"
, ","
shorthand_property_identifier_pattern "showRetentionNotice"
} "}"
= "="
identifier "data"
comment "// we defer showing this so it doesn't flash so much"
lexical_declaration
const "const"
variable_declarator
array_pattern
[ "["
identifier "allowDigging"
, ","
identifier "setAllowDigging"
] "]"
= "="
call_expression
member_expression
identifier "React"
. "."
property_identifier "useState"
arguments
( "("
false "false"
) ")"
lexical_declaration
const "const"
variable_declarator
identifier "lastOrdinalRef"
= "="
call_expression
member_expression
identifier "React"
. "."
property_identifier "useRef"
arguments
( "("
identifier "ordinal"
) ")"
lexical_declaration (+29 nodes collapsed)
expression_statement (+97 nodes collapsed)
expression_statement (+61 nodes collapsed)
lexical_declaration (+57 nodes collapsed)
return_statement
return "return"
parenthesized_expression
( "("
jsx_element
jsx_opening_element
< "<"
member_expression
identifier "Kb"
. "."
property_identifier "Box"
> ">"
jsx_expression
{ "{"
binary_expression
binary_expression
binary_expression
identifier "loadMoreType"
=== "==="
string
' "'"
string_fragment "noMoreToLoad"
' "'"
&& "&&"
identifier "showRetentionNotice"
&& "&&"
jsx_self_closing_element
< "<"
identifier "RetentionNotice"
/> "/>"
} "}"
jsx_self_closing_element
< "<"
member_expression
identifier "Kb"
. "."
property_identifier "Box"
jsx_attribute
property_identifier "style"
= "="
jsx_expression
{ "{"
member_expression
identifier "styles"
. "."
property_identifier "spacer"
} "}"
/> "/>"
jsx_expression
{ "{"
binary_expression
identifier "hasOlderResetConversation"
&& "&&"
jsx_self_closing_element
< "<"
identifier "ProfileResetNotice"
/> "/>"
} "}"
jsx_expression (+63 nodes collapsed)
jsx_expression
{ "{"
binary_expression
binary_expression
identifier "pendingState"
=== "==="
string
' "'"
string_fragment "error"
' "'"
&& "&&"
jsx_self_closing_element
< "<"
identifier "ErrorMessage"
/> "/>"
} "}"
jsx_expression (+89 nodes collapsed)
jsx_expression (+38 nodes collapsed)
jsx_expression
{ "{"
binary_expression
binary_expression
binary_expression
identifier "allowDigging"
&& "&&"
binary_expression
identifier "loadMoreType"
=== "==="
string
' "'"
string_fragment "moreToLoad"
' "'"
&& "&&"
binary_expression
identifier "pendingState"
=== "==="
string
' "'"
string_fragment "done"
' "'"
&& "&&"
parenthesized_expression
( "("
jsx_element
jsx_opening_element
< "<"
member_expression
identifier "Kb"
. "."
property_identifier "Box"
jsx_attribute
property_identifier "style"
= "="
jsx_expression
{ "{"
member_expression
identifier "styles"
. "."
property_identifier "more"
} "}"
> ">"
jsx_element
jsx_opening_element
< "<"
member_expression
identifier "Kb"
. "."
property_identifier "Text"
jsx_attribute
property_identifier "type"
= "="
string
" "\""
string_fragment "BodyBig"
" "\""
> ">"
jsx_self_closing_element
< "<"
member_expression
identifier "Kb"
. "."
property_identifier "Emoji"
jsx_attribute
property_identifier "size"
= "="
jsx_expression
{ "{"
number "16"
} "}"
jsx_attribute
property_identifier "emojiName"
= "="
string
" "\""
string_fragment ":moyai:"
" "\""
/> "/>"
jsx_closing_element
</ "</"
member_expression
identifier "Kb"
. "."
property_identifier "Text"
> ">"
jsx_element (+23 nodes collapsed)
jsx_closing_element
</ "</"
member_expression
identifier "Kb"
. "."
property_identifier "Box"
> ">"
) ")"
} "}"
jsx_expression (+52 nodes collapsed)
jsx_closing_element
</ "</"
member_expression
identifier "Kb"
. "."
property_identifier "Box"
> ">"
) ")"
} "}"
) ")"
lexical_declaration (+140 nodes collapsed)
export_statement
export "export"
default "default"
identifier "SpecialTopMessage"

After

program
import_statement
import "import"
import_clause
namespace_import
* "*"
as "as"
identifier "C"
from "from"
string
' "'"
string_fragment "@/constants"
' "'"
import_statement
import "import"
import_clause
namespace_import
* "*"
as "as"
identifier "T"
from "from"
string
' "'"
string_fragment "@/constants/types"
' "'"
import_statement
import "import"
import_clause
namespace_import
* "*"
as "as"
identifier "Kb"
from "from"
string
' "'"
string_fragment "@/common-adapters"
' "'"
import_statement
import "import"
import_clause
namespace_import
* "*"
as "as"
identifier "React"
from "from"
string
' "'"
string_fragment "react"
' "'"
import_statement
import "import"
import_clause
identifier "Separator"
from "from"
string
' "'"
string_fragment "./separator"
' "'"
import_statement
import "import"
import_clause
identifier "HelloBotCard"
from "from"
string
' "'"
string_fragment "./cards/hello-bot"
' "'"
import_statement
import "import"
import_clause
identifier "MakeTeamCard"
from "from"
string
' "'"
string_fragment "./cards/make-team"
' "'"
import_statement
import "import"
import_clause
identifier "NewChatCard"
from "from"
string
' "'"
string_fragment "./cards/new-chat"
' "'"
import_statement
import "import"
import_clause
identifier "ProfileResetNotice"
from "from"
string
' "'"
string_fragment "./system-profile-reset-notice"
' "'"
import_statement
import "import"
import_clause
identifier "RetentionNotice"
from "from"
string
' "'"
string_fragment "./retention-notice"
' "'"
import_statement
import "import"
import_clause
named_imports
{ "{"
import_specifier
identifier "usingFlashList"
} "}"
from "from"
string
' "'"
string_fragment "../list-area/flashlist-config"
' "'"
lexical_declaration (+957 nodes collapsed)
lexical_declaration
const "const"
variable_declarator
identifier "SpecialTopMessage"
= "="
call_expression
member_expression
identifier "React"
. "."
property_identifier "memo"
arguments
( "("
function_expression
function "function"
identifier "SpecialTopMessage"
formal_parameters
( "("
) ")"
statement_block
{ "{"
lexical_declaration
const "const"
variable_declarator
identifier "username"
= "="
call_expression
member_expression
identifier "C"
. "."
property_identifier "useCurrentUserState"
arguments
( "("
arrow_function
identifier "s"
=> "=>"
member_expression
identifier "s"
. "."
property_identifier "username"
) ")"
lexical_declaration (+357 nodes collapsed)
lexical_declaration
const "const"
variable_declarator
object_pattern
{ "{"
shorthand_property_identifier_pattern "ordinal"
, ","
shorthand_property_identifier_pattern "pendingState"
, ","
shorthand_property_identifier_pattern "isHelloBotConversation"
, ","
shorthand_property_identifier_pattern "hasOlderResetConversation"
} "}"
= "="
identifier "data"
lexical_declaration
const "const"
variable_declarator
object_pattern
{ "{"
shorthand_property_identifier_pattern "loadMoreType"
, ","
shorthand_property_identifier_pattern "isSelfConversation"
, ","
shorthand_property_identifier_pattern "showTeamOffer"
, ","
shorthand_property_identifier_pattern "showRetentionNotice"
} "}"
= "="
identifier "data"
comment "// we defer showing this so it doesn't flash so much"
lexical_declaration
const "const"
variable_declarator
array_pattern
[ "["
identifier "allowDigging"
, ","
identifier "setAllowDigging"
] "]"
= "="
call_expression
member_expression
identifier "React"
. "."
property_identifier "useState"
arguments
( "("
false "false"
) ")"
lexical_declaration
const "const"
variable_declarator
identifier "lastOrdinalRef"
= "="
call_expression
member_expression
identifier "React"
. "."
property_identifier "useRef"
arguments
( "("
identifier "ordinal"
) ")"
lexical_declaration (+29 nodes collapsed)
expression_statement (+97 nodes collapsed)
expression_statement (+61 nodes collapsed)
lexical_declaration (+57 nodes collapsed)
return_statement
return "return"
parenthesized_expression
( "("
jsx_element
jsx_opening_element
< "<"
member_expression
identifier "Kb"
. "."
property_identifier "Box"
> ">"
jsx_expression
{ "{"
binary_expression
binary_expression
binary_expression
identifier "loadMoreType"
=== "==="
string
' "'"
string_fragment "noMoreToLoad"
' "'"
&& "&&"
identifier "showRetentionNotice"
&& "&&"
jsx_self_closing_element
< "<"
identifier "RetentionNotice"
/> "/>"
} "}"
jsx_self_closing_element
< "<"
member_expression
identifier "Kb"
. "."
property_identifier "Box"
jsx_attribute
property_identifier "style"
= "="
jsx_expression
{ "{"
member_expression
identifier "styles"
. "."
property_identifier "spacer"
} "}"
/> "/>"
jsx_expression
{ "{"
binary_expression
identifier "hasOlderResetConversation"
&& "&&"
jsx_self_closing_element
< "<"
identifier "ProfileResetNotice"
/> "/>"
} "}"
jsx_expression (+63 nodes collapsed)
jsx_expression
{ "{"
binary_expression
binary_expression
identifier "pendingState"
=== "==="
string
' "'"
string_fragment "error"
' "'"
&& "&&"
jsx_self_closing_element
< "<"
identifier "ErrorMessage"
/> "/>"
} "}"
jsx_expression (+89 nodes collapsed)
jsx_expression (+38 nodes collapsed)
jsx_expression
{ "{"
binary_expression
binary_expression
binary_expression
identifier "allowDigging"
&& "&&"
binary_expression
identifier "loadMoreType"
=== "==="
string
' "'"
string_fragment "moreToLoad"
' "'"
&& "&&"
binary_expression
identifier "pendingState"
=== "==="
string
' "'"
string_fragment "done"
' "'"
&& "&&"
parenthesized_expression
( "("
jsx_element
jsx_opening_element
< "<"
member_expression
identifier "Kb"
. "."
property_identifier "Box"
jsx_attribute
property_identifier "style"
= "="
jsx_expression
{ "{"
member_expression
identifier "styles"
. "."
property_identifier "more"
} "}"
> ">"
jsx_element
jsx_opening_element
< "<"
member_expression
identifier "Kb"
. "."
property_identifier "Text"
jsx_attribute
property_identifier "type"
= "="
string
" "\""
string_fragment "BodyBig"
" "\""
> ">"
jsx_self_closing_element
< "<"
member_expression
identifier "Kb"
. "."
property_identifier "NativeEmoji"
jsx_attribute
property_identifier "size"
= "="
jsx_expression
{ "{"
number "16"
} "}"
jsx_attribute
property_identifier "emojiName"
= "="
string
" "\""
string_fragment ":moyai:"
" "\""
/> "/>"
jsx_closing_element
</ "</"
member_expression
identifier "Kb"
. "."
property_identifier "Text"
> ">"
jsx_element (+23 nodes collapsed)
jsx_closing_element
</ "</"
member_expression
identifier "Kb"
. "."
property_identifier "Box"
> ">"
) ")"
} "}"
jsx_expression (+52 nodes collapsed)
jsx_closing_element
</ "</"
member_expression
identifier "Kb"
. "."
property_identifier "Box"
> ">"
) ")"
} "}"
) ")"
lexical_declaration (+140 nodes collapsed)
export_statement
export "export"
default "default"
identifier "SpecialTopMessage"