update examples

Author: NeloBlivion

examples/modal_dialogs.py

@@ -11,31 +11,41 @@
 )
 
 
-class MyModal(discord.ui.Modal):
+class MyModal(discord.ui.DesignerModal):
     def __init__(self, *args, **kwargs) -> None:
-        super().__init__(
+        first_input = discord.ui.Label(
             discord.ui.InputText(
-                label="Short Input",
                 placeholder="Placeholder Test",
             ),
+            label="Short Input"
+        )
+        second_input = discord.ui.Label(
             discord.ui.InputText(
-                label="Longer Input",
+                placeholder="Placeholder Test",
                 value="Longer Value\nSuper Long Value",
                 style=discord.InputTextStyle.long,
-                description="You can also describe the purpose of this input.",
             ),
-            discord.ui.TextDisplay("# Personal Questions"),
+            label="Longer Input",
+            description="You can also describe the purpose of this input.",
+        )
+        select = discord.ui.Label(
             discord.ui.Select(
-                label="What's your favorite color?",
                 placeholder="Select a color",
                 options=[
                     discord.SelectOption(label="Red", emoji="🟥"),
                     discord.SelectOption(label="Green", emoji="🟩"),
                     discord.SelectOption(label="Blue", emoji="🟦"),
                 ],
-                description="If it is not listed, skip this question.",
                 required=False,
             ),
+            label="What's your favorite color?",
+            description="If it is not listed, skip this question.",
+        )
+        super().__init__(
+            first_input,
+            second_input,
+            discord.ui.TextDisplay("# Personal Questions"),  # TextDisplay does NOT use Label
+            select,
             *args,
             **kwargs,
         )
@@ -45,10 +55,10 @@ async def callback(self, interaction: discord.Interaction):
             title="Your Modal Results",
             fields=[
                 discord.EmbedField(
-                    name="First Input", value=self.children[0].value, inline=False
+                    name="First Input", value=self.children[0].item.value, inline=False
                 ),
                 discord.EmbedField(
-                    name="Second Input", value=self.children[1].value, inline=False
+                    name="Second Input", value=self.children[1].item.value, inline=False
                 ),
             ],
             color=discord.Color.random(),

examples/views/new_components.py

@@ -19,12 +19,19 @@
     Separator,
     TextDisplay,
     Thumbnail,
-    View,
+    DesignerView,
+    ActionRow,
     button,
 )
 
+class MyRow(ActionRow):
 
-class MyView(View):
+    @button(label="Delete Message", style=ButtonStyle.red, id=200)
+    async def delete_button(self, button: Button, interaction: Interaction):
+        await interaction.response.defer(invisible=True)
+        await interaction.message.delete()
+
+class MyView(DesignerView):
     def __init__(self, user: User):
         super().__init__(timeout=30)
         text1 = TextDisplay("### This is a sample `TextDisplay` in a `Section`.")
@@ -55,11 +62,8 @@ def __init__(self, user: User):
         self.add_item(
             TextDisplay("Above is a `MediaGallery` containing two `MediaGalleryItem`s.")
         )
-
-    @button(label="Delete Message", style=ButtonStyle.red, id=200)
-    async def delete_button(self, button: Button, interaction: Interaction):
-        await interaction.response.defer(invisible=True)
-        await interaction.message.delete()
+        row = MyRow()
+        self.add_item(row)
 
     async def on_timeout(self):
         self.get_item(200).disabled = True