Reimplement Qt5 OpacityMask using Qt6 MultiEffect

Remaining ones.
See 93b25dfa97494184493e02b75766e57bc6fe79bb
https://darapsa.org/qeduport.git/commit/?id=93b25dfa97494184493e02b75766e57bc6fe79bb

1 files changed, 21 insertions, 18 deletions

diff --git a/Course/Detail/Classic/Content/Main/TabContents/Reviews/ReviewItem.ui.qml b/Course/Detail/Classic/Content/Main/TabContents/Reviews/ReviewItem.ui.qml
index 1f34f36..9643916 100644
--- a/Course/Detail/Classic/Content/Main/TabContents/Reviews/ReviewItem.ui.qml
+++ b/Course/Detail/Classic/Content/Main/TabContents/Reviews/ReviewItem.ui.qml
@@ -1,7 +1,7 @@
 import QtQuick
 import QtQuick.Controls
 import QtQuick.Layouts
-import Qt5Compat.GraphicalEffects
+import QtQuick.Effects
 
 Item {
 	width: reviewItem.width
@@ -10,26 +10,29 @@ Item {
 		id:reviewItem
 		spacing: 16
 		RowLayout {
-			id: reviewAvatar
 			Layout.alignment: Qt.AlignLeft | Qt.AlignTop
-			Rectangle {
-				id: avatarMask
-				radius: 100
-				Layout.preferredHeight: 82
-				Layout.preferredWidth: 82
-				Layout.minimumHeight: 82
-				Layout.minimumWidth: 82
-				Image{
-					id: avatarImage
-					source: "https://eduport.webestica.com/assets/images/avatar/09.jpg"
-					sourceSize: Qt.size(parent.width, parent.height)
-					visible: false
+			Image {
+				id: avatarImage
+				source: "https://eduport.webestica.com/assets/images/avatar/09.jpg"
+				sourceSize {
+					width: 82
+					height: 82
+				}
+			}
+			layer {
+				enabled: true
+				effect: MultiEffect {
+					maskEnabled: true
+					maskSource: maskRectangle
 				}
 			}
-			OpacityMask {
-				anchors.fill: avatarMask
-				source: avatarImage
-				maskSource: avatarMask
+			Rectangle {
+				id: maskRectangle
+				width: avatarImage.sourceSize.width
+				height: avatarImage.sourceSize.height
+				radius: avatarImage.sourceSize.width
+				layer.enabled: true
+				visible: false
 			}
 		}
 		ColumnLayout {