[MM-55330]: Convert ./components/widgets/popover/index.tsx from Class Component to Function Component (#25541)

* refactor: update component from class to functional component

* refactor: update failing snapshots

* refactor: use one props per line for improved readability

* refactor: fix popove type errors

* refactor: fix component and update failing tests

---------

Co-authored-by: Mattermost Build <build@mattermost.com>
Этот коммит содержится в:
Jamin
2023-12-18 09:46:20 +00:00
коммит произвёл GitHub
родитель 000ee45b5d
Коммит d69b4075e5
8 изменённых файлов: 109 добавлений и 133 удалений

Просмотреть файл

@@ -196,7 +196,7 @@ exports[`components/ChannelHeader should match snapshot with last active display
show={false}
target={null}
>
<Popover
<Memo(Popover)
className="channel-header__popover"
id="header-popover"
placement="bottom"
@@ -229,7 +229,7 @@ exports[`components/ChannelHeader should match snapshot with last active display
}
/>
</span>
</Popover>
</Memo(Popover)>
</Overlay>
<Connect(Markdown)
imageProps={
@@ -500,7 +500,7 @@ exports[`components/ChannelHeader should match snapshot with no last active disp
show={false}
target={null}
>
<Popover
<Memo(Popover)
className="channel-header__popover"
id="header-popover"
placement="bottom"
@@ -533,7 +533,7 @@ exports[`components/ChannelHeader should match snapshot with no last active disp
}
/>
</span>
</Popover>
</Memo(Popover)>
</Overlay>
<Connect(Markdown)
imageProps={
@@ -804,7 +804,7 @@ exports[`components/ChannelHeader should render active channel files 1`] = `
show={false}
target={null}
>
<Popover
<Memo(Popover)
className="channel-header__popover"
id="header-popover"
placement="bottom"
@@ -837,7 +837,7 @@ exports[`components/ChannelHeader should render active channel files 1`] = `
}
/>
</span>
</Popover>
</Memo(Popover)>
</Overlay>
<Connect(Markdown)
imageProps={
@@ -1106,7 +1106,7 @@ exports[`components/ChannelHeader should render active flagged posts 1`] = `
show={false}
target={null}
>
<Popover
<Memo(Popover)
className="channel-header__popover"
id="header-popover"
placement="bottom"
@@ -1139,7 +1139,7 @@ exports[`components/ChannelHeader should render active flagged posts 1`] = `
}
/>
</span>
</Popover>
</Memo(Popover)>
</Overlay>
<Connect(Markdown)
imageProps={
@@ -1408,7 +1408,7 @@ exports[`components/ChannelHeader should render active mentions posts 1`] = `
show={false}
target={null}
>
<Popover
<Memo(Popover)
className="channel-header__popover"
id="header-popover"
placement="bottom"
@@ -1441,7 +1441,7 @@ exports[`components/ChannelHeader should render active mentions posts 1`] = `
}
/>
</span>
</Popover>
</Memo(Popover)>
</Overlay>
<Connect(Markdown)
imageProps={
@@ -1710,7 +1710,7 @@ exports[`components/ChannelHeader should render active pinned posts 1`] = `
show={false}
target={null}
>
<Popover
<Memo(Popover)
className="channel-header__popover"
id="header-popover"
placement="bottom"
@@ -1743,7 +1743,7 @@ exports[`components/ChannelHeader should render active pinned posts 1`] = `
}
/>
</span>
</Popover>
</Memo(Popover)>
</Overlay>
<Connect(Markdown)
imageProps={
@@ -1981,7 +1981,7 @@ exports[`components/ChannelHeader should render archived view 1`] = `
show={false}
target={null}
>
<Popover
<Memo(Popover)
className="channel-header__popover"
id="header-popover"
placement="bottom"
@@ -2014,7 +2014,7 @@ exports[`components/ChannelHeader should render archived view 1`] = `
}
/>
</span>
</Popover>
</Memo(Popover)>
</Overlay>
<Connect(Markdown)
imageProps={
@@ -2315,7 +2315,7 @@ exports[`components/ChannelHeader should render correct menu when muted 1`] = `
show={false}
target={null}
>
<Popover
<Memo(Popover)
className="channel-header__popover"
id="header-popover"
placement="bottom"
@@ -2348,7 +2348,7 @@ exports[`components/ChannelHeader should render correct menu when muted 1`] = `
}
/>
</span>
</Popover>
</Memo(Popover)>
</Overlay>
<Connect(Markdown)
imageProps={
@@ -2617,7 +2617,7 @@ exports[`components/ChannelHeader should render not active channel files 1`] = `
show={false}
target={null}
>
<Popover
<Memo(Popover)
className="channel-header__popover"
id="header-popover"
placement="bottom"
@@ -2650,7 +2650,7 @@ exports[`components/ChannelHeader should render not active channel files 1`] = `
}
/>
</span>
</Popover>
</Memo(Popover)>
</Overlay>
<Connect(Markdown)
imageProps={
@@ -2939,7 +2939,7 @@ exports[`components/ChannelHeader should render properly when custom status is e
show={false}
target={null}
>
<Popover
<Memo(Popover)
className="channel-header__popover"
id="header-popover"
placement="bottom"
@@ -2972,7 +2972,7 @@ exports[`components/ChannelHeader should render properly when custom status is e
}
/>
</span>
</Popover>
</Memo(Popover)>
</Overlay>
<Connect(Markdown)
imageProps={
@@ -3283,7 +3283,7 @@ exports[`components/ChannelHeader should render properly when custom status is s
show={false}
target={null}
>
<Popover
<Memo(Popover)
className="channel-header__popover"
id="header-popover"
placement="bottom"
@@ -3316,7 +3316,7 @@ exports[`components/ChannelHeader should render properly when custom status is s
}
/>
</span>
</Popover>
</Memo(Popover)>
</Overlay>
<Connect(Markdown)
imageProps={
@@ -3587,7 +3587,7 @@ exports[`components/ChannelHeader should render properly when empty 1`] = `
show={false}
target={null}
>
<Popover
<Memo(Popover)
className="channel-header__popover"
id="header-popover"
placement="bottom"
@@ -3620,7 +3620,7 @@ exports[`components/ChannelHeader should render properly when empty 1`] = `
}
/>
</span>
</Popover>
</Memo(Popover)>
</Overlay>
<Connect(Markdown)
imageProps={
@@ -3889,7 +3889,7 @@ exports[`components/ChannelHeader should render properly when populated 1`] = `
show={false}
target={null}
>
<Popover
<Memo(Popover)
className="channel-header__popover"
id="header-popover"
placement="bottom"
@@ -3922,7 +3922,7 @@ exports[`components/ChannelHeader should render properly when populated 1`] = `
}
/>
</span>
</Popover>
</Memo(Popover)>
</Overlay>
<Connect(Markdown)
imageProps={
@@ -4195,7 +4195,7 @@ exports[`components/ChannelHeader should render properly when populated with cha
show={false}
target={null}
>
<Popover
<Memo(Popover)
className="channel-header__popover"
id="header-popover"
placement="bottom"
@@ -4232,7 +4232,7 @@ exports[`components/ChannelHeader should render properly when populated with cha
}
/>
</span>
</Popover>
</Memo(Popover)>
</Overlay>
<Connect(Markdown)
imageProps={
@@ -4524,7 +4524,7 @@ exports[`components/ChannelHeader should render shared view 1`] = `
show={false}
target={null}
>
<Popover
<Memo(Popover)
className="channel-header__popover"
id="header-popover"
placement="bottom"
@@ -4557,7 +4557,7 @@ exports[`components/ChannelHeader should render shared view 1`] = `
}
/>
</span>
</Popover>
</Memo(Popover)>
</Overlay>
<Connect(Markdown)
imageProps={
@@ -4836,7 +4836,7 @@ exports[`components/ChannelHeader should render the pinned icon with the pinned
show={false}
target={null}
>
<Popover
<Memo(Popover)
className="channel-header__popover"
id="header-popover"
placement="bottom"
@@ -4869,7 +4869,7 @@ exports[`components/ChannelHeader should render the pinned icon with the pinned
}
/>
</span>
</Popover>
</Memo(Popover)>
</Overlay>
<Connect(Markdown)
imageProps={