Update interaction pages (#332)

* Update buttons.mdx

Update buttons page to use an inbuilt feature to disable all buttons rather than manually looping through all the children.

Signed-off-by: Ankit_Anmol <[email protected]>

* Update dropdowns.mdx

Update Disabling code to use inbuilt functions rather than looping over all the children.

Signed-off-by: Ankit_Anmol <[email protected]>

* Button mention in menus page changed 

Change few button mentions to select menus

Signed-off-by: Ankit_Anmol <[email protected]>

* Replacing few more button with menu mentions

Signed-off-by: Ankit_Anmol <[email protected]>

* Update dropdowns.mdx

Signed-off-by: Ankit_Anmol <[email protected]>

* Fix link in README

Signed-off-by: Ankit_Anmol <[email protected]>

* Fix indents

Signed-off-by: Ankit_Anmol <[email protected]>

---------

Signed-off-by: Ankit_Anmol <[email protected]>

Author: Quantum-Codes

README.md

@@ -11,7 +11,7 @@ it will either be refactored, or redone.
 
 ## Contributing
 
-For contributing rules, please visit [this page](./.github/CONTRIBUTING.md).
+For contributing rules, please visit [this page](./CONTRIBUTING.md).
 
 The Guide is built using [Docusaurus 2](https://docusaurus.io/), a modern static website generator. 
 

docs/interactions/ui-components/buttons.mdx

@@ -176,14 +176,12 @@ class MyView(discord.ui.View):
 class MyView(discord.ui.View):
     @discord.ui.button(emoji="😀", label="Button 1", style=discord.ButtonStyle.primary)
     async def button_callback(self, button, interaction):
-        for child in self.children: # loop through all the children of the view
-            child.disabled = True # set the button to disabled
+        self.disable_all_items()
         await interaction.response.edit_message(view=self)
 
     @discord.ui.button(label="Button 2", style=discord.ButtonStyle.primary)
     async def second_button_callback(self, button, interaction):
-        for child in self.children:
-            child.disabled = True
+        self.disable_all_items()
         await interaction.response.edit_message(view=self)
 ```
 
@@ -200,8 +198,7 @@ Sometimes, you want to have a button that is disabled after a certain amount of
 ```python
 class MyView(discord.ui.View):
     async def on_timeout(self):
-        for child in self.children:
-            child.disabled = True
+        self.disable_all_items()
         await self.message.edit(content="You took too long! Disabled all the components.", view=self)
 
     @discord.ui.button()
@@ -222,8 +219,7 @@ class MyView(discord.ui.View):
         super().__init__(timeout=10) # specify the timeout here
 
     async def on_timeout(self):
-        for child in self.children:
-            child.disabled = True
+        self.disable_all_items()
         await self.message.edit(content="You took too long! Disabled all the components.", view=self)
 
     @discord.ui.button()
@@ -234,8 +230,7 @@ class MyView(discord.ui.View):
 </TabItem>
 </Tabs>
 
-Here, we loop through all the children of the view (buttons and select menus in the view) and disable
-them. Then, we edit the message to show that the timeout was reached.
+Here, we disable all buttons and select menus in the view. Then, we edit the message to show that the timeout was reached.
 
 :::note
 

docs/interactions/ui-components/dropdowns.mdx

@@ -19,7 +19,7 @@ These UI elements reside in a "view". To learn more about views, please refer to
 
 ## Usage Syntax
 
-Let's see how to create a simple responsive button.
+Let's see how to create a simple responsive select menu.
 
 ```python
 import discord
@@ -173,28 +173,28 @@ class MyView(discord.ui.View):
 ```python
 class MyView(discord.ui.View):
     @discord.ui.select(
-        disabled = True, # pass disabled=True to set the button as disabled
+        disabled = True, # pass disabled=True to set the menu as disabled
         options = [...]
     )
     async def select_callback(self, select, interaction):
         ...
 
 @bot.command()
-async def button(ctx):
-    await ctx.send("Press the button!", view=MyView())
+async def select_menu(ctx):
+    await ctx.send("Select and option from the menu!", view=MyView())
 ```
 
-### Disabling Buttons on Press
+### Disabling Menus on Press
 
 <Tabs>
   <TabItem value="disabling-a-single-component" label="Disabling a single component" default>
 
 ```python
 class MyView(discord.ui.View):
   @discord.ui.select(options = [...])
-    async def select_callback(self, select, interaction):
-        select.disabled = True # set the status of the select as disabled
-        await interaction.response.edit_message(view=self) # edit the message to show the changes
+  async def select_callback(self, select, interaction):
+      select.disabled = True # set the status of the select as disabled
+      await interaction.response.edit_message(view=self) # edit the message to show the changes
 ```
 
   </TabItem>
@@ -205,14 +205,12 @@ class MyView(discord.ui.View):
 class MyView(discord.ui.View):
     @discord.ui.select(options = [...])
     async def first_select_callback(self, select, interaction):
-        for child in self.children: # loop through all the children of the view
-            child.disabled = True # set the component to disabled
+        self.disable_all_items()
         await interaction.response.edit_message(view=self) # edit the message to show the changes
 
     @discord.ui.select(options = [...])
     async def second_select_callback(self, select, interaction):
-        for child in self.children:
-            child.disabled = True
+        self.disable_all_items()
         await interaction.response.edit_message(view=self)
 ```
 
@@ -229,8 +227,7 @@ You may want a select menu to automatically stop working after a certain amount
 ```python
 class MyView(discord.ui.View):
     async def on_timeout(self):
-        for child in self.children:
-            child.disabled = True
+        self.disable_all_items()
         await self.message.edit(content="You took too long! Disabled all the components.", view=self)
 
     @discord.ui.select(options = [...])
@@ -251,8 +248,7 @@ class MyView(discord.ui.View):
         super().__init__(timeout=10) # specify the timeout here
 
     async def on_timeout(self):
-        for child in self.children:
-            child.disabled = True
+        self.disable_all_items()
         await self.message.edit(content="You took too long! Disabled all the components.", view=self)
 
     @discord.ui.select(options = [...])
@@ -263,8 +259,7 @@ class MyView(discord.ui.View):
 </TabItem>
 </Tabs>
 
-Here, we loop through all the children of the view (buttons and select menus in the view) and disable
-them. Then, we edit the message to show that the timeout was reached. 
+Here, we disable all buttons and select menus in the view. Then, we edit the message to show that the timeout was reached. 
 
 :::note
 
@@ -281,7 +276,7 @@ Normally, when the bot goes offline, all of its views stop working, even if they
 views, but nothing will happen when you try to interact with them. This is a problem
 if you are trying to create a self-role system, for example. This is where persistent views come in.
 
-Persistent views work forever. When the bot goes offline, the buttons will stop working. However, when the bot comes back online, the buttons will start working again.
+Persistent views work forever. When the bot goes offline, the buttons and select menus will stop working. However, when the bot comes back online, the buttons and select menus will start working again.
 
 In a Persistent View, the timeout must be set to `None` and all the children in the view much have a `custom_id` attribute set.
 
@@ -299,7 +294,7 @@ class MyView(discord.ui.View):
         ...
 
 @bot.command()
-async def button(ctx):
+async def select_menu(ctx):
     await ctx.send(f"View persistence status: {MyView.is_persistent(MyView())}", view=MyView())
 ```