[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>
Этот коммит содержится в:
@@ -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={
|
||||
|
||||
Ссылка в новой задаче
Block a user