Button styling update for consistent buttons (#24483)

* Updating button changes * Updating button * Updating invite modal button * Updating button changes * Updating button * Updating buttons * Updating buttons * Updating buttons * Updating back btn * Updating various buttons * Updating tests * Updating test * Reverting channel icon * Update channel_profile.tsx * Update setting_picture.tsx * Updating tests * Update group_member_list.test.tsx.snap * Update user_group_popover.test.tsx.snap * Update user_group_popover.test.tsx.snap * Updating tests and adding btn class * Adding btn-xs class * Updating tests * Updating test * Updating test file * Updating test * Updating changes requested by daniel * Updating test * Updating based on harrisons feedback * Updating buttons * Updating test --------- Co-authored-by: Mattermost Build <build@mattermost.com>
2023-09-25 15:17:14 +05:00
--- a/webapp/channels/src/components/integrations/snapshots/abstract_command.test.tsx.snap
+++ b/webapp/channels/src/components/integrations/snapshots/abstract_command.test.tsx.snap
@@ -441,7 +441,7 @@ exports[`components/integrations/AbstractCommand should match snapshot 1`] = `
          type="backstage"
        />
        <Link
-          className="btn btn-link btn-sm"
+          className="btn btn-tertiary"
          to="/test/integrations/commands"
        >
          <MemoizedFormattedMessage
@@ -911,7 +911,7 @@ exports[`components/integrations/AbstractCommand should match snapshot when head
          type="backstage"
        />
        <Link
-          className="btn btn-link btn-sm"
+          className="btn btn-tertiary"
          to="/test/integrations/commands"
        >
          <MemoizedFormattedMessage
@@ -1384,7 +1384,7 @@ exports[`components/integrations/AbstractCommand should match snapshot, displays
          type="backstage"
        />
        <Link
-          className="btn btn-link btn-sm"
+          className="btn btn-tertiary"
          to="/test/integrations/commands"
        >
          <MemoizedFormattedMessage
--- a/webapp/channels/src/components/integrations/snapshots/abstract_incoming_hook.test.tsx.snap
+++ b/webapp/channels/src/components/integrations/snapshots/abstract_incoming_hook.test.tsx.snap
@@ -234,7 +234,7 @@ exports[`components/integrations/AbstractIncomingWebhook should call action func
          type="backstage"
        />
        <Link
-          className="btn btn-link btn-sm"
+          className="btn btn-tertiary"
          to="/team_name/integrations/incoming_webhooks"
        >
          <MemoizedFormattedMessage
@@ -495,7 +495,7 @@ exports[`components/integrations/AbstractIncomingWebhook should match snapshot 1
          type="backstage"
        />
        <Link
-          className="btn btn-link btn-sm"
+          className="btn btn-tertiary"
          to="/team_name/integrations/incoming_webhooks"
        >
          <MemoizedFormattedMessage
@@ -759,7 +759,7 @@ exports[`components/integrations/AbstractIncomingWebhook should match snapshot,
          type="backstage"
        />
        <Link
-          className="btn btn-link btn-sm"
+          className="btn btn-tertiary"
          to="/team_name/integrations/incoming_webhooks"
        >
          <MemoizedFormattedMessage
@@ -987,7 +987,7 @@ exports[`components/integrations/AbstractIncomingWebhook should match snapshot,
          type="backstage"
        />
        <Link
-          className="btn btn-link btn-sm"
+          className="btn btn-tertiary"
          to="/team_name/integrations/incoming_webhooks"
        >
          <MemoizedFormattedMessage
@@ -1215,7 +1215,7 @@ exports[`components/integrations/AbstractIncomingWebhook should match snapshot,
          type="backstage"
        />
        <Link
-          className="btn btn-link btn-sm"
+          className="btn btn-tertiary"
          to="/team_name/integrations/incoming_webhooks"
        >
          <MemoizedFormattedMessage
@@ -1476,7 +1476,7 @@ exports[`components/integrations/AbstractIncomingWebhook should match snapshot,
          type="backstage"
        />
        <Link
-          className="btn btn-link btn-sm"
+          className="btn btn-tertiary"
          to="/team_name/integrations/incoming_webhooks"
        >
          <MemoizedFormattedMessage
--- a/webapp/channels/src/components/integrations/snapshots/abstract_oauth_app.test.jsx.snap
+++ b/webapp/channels/src/components/integrations/snapshots/abstract_oauth_app.test.jsx.snap
@@ -275,7 +275,7 @@ https://test.com/callback2"
          type="backstage"
        />
        <Link
-          className="btn btn-link btn-sm"
+          className="btn btn-tertiary"
          to="/test/integrations/oauth2-apps"
        >
          <MemoizedFormattedMessage
@@ -580,7 +580,7 @@ exports[`components/integrations/AbstractOAuthApp should match snapshot, display
          type="backstage"
        />
        <Link
-          className="btn btn-link btn-sm"
+          className="btn btn-tertiary"
          to="/test/integrations/oauth2-apps"
        >
          <MemoizedFormattedMessage
--- a/webapp/channels/src/components/integrations/snapshots/abstract_outgoing_webhook.test.tsx.snap
+++ b/webapp/channels/src/components/integrations/snapshots/abstract_outgoing_webhook.test.tsx.snap
@@ -320,7 +320,7 @@ callbackUrl2.com
          type="backstage"
        />
        <Link
-          className="btn btn-link btn-sm"
+          className="btn btn-tertiary"
          to="/team_name/integrations/outgoing_webhooks"
        >
          <MemoizedFormattedMessage
--- a/webapp/channels/src/components/integrations/abstract_command.tsx
+++ b/webapp/channels/src/components/integrations/abstract_command.tsx
@@ -653,7 +653,7 @@ export default class AbstractCommand extends React.PureComponent<Props, State> {
                                errors={[this.props.serverError, this.state.clientError]}
                            />
                            <Link
-                                className='btn btn-link btn-sm'
+                                className='btn btn-tertiary'
                                to={'/' + this.props.team.name + '/integrations/commands'}
                            >
                                <FormattedMessage
--- a/webapp/channels/src/components/integrations/abstract_incoming_webhook.tsx
+++ b/webapp/channels/src/components/integrations/abstract_incoming_webhook.tsx
@@ -371,7 +371,7 @@ export default class AbstractIncomingWebhook extends PureComponent<Props, State>
                                errors={[this.props.serverError, this.state.clientError]}
                            />
                            <Link
-                                className='btn btn-link btn-sm'
+                                className='btn btn-tertiary'
                                to={`/${this.props.team.name}/integrations/incoming_webhooks`}
                            >
                                <FormattedMessage
--- a/webapp/channels/src/components/integrations/abstract_oauth_app.jsx
+++ b/webapp/channels/src/components/integrations/abstract_oauth_app.jsx
@@ -443,7 +443,7 @@ export default class AbstractOAuthApp extends React.PureComponent {
                                errors={[this.props.serverError, this.state.clientError]}
                            />
                            <Link
-                                className='btn btn-link btn-sm'
+                                className='btn btn-tertiary'
                                to={`/${this.props.team.name}/integrations/oauth2-apps`}
                            >
                                <FormattedMessage
--- a/webapp/channels/src/components/integrations/abstract_outgoing_webhook.tsx
+++ b/webapp/channels/src/components/integrations/abstract_outgoing_webhook.tsx
@@ -582,7 +582,7 @@ export default class AbstractOutgoingWebhook extends React.PureComponent<Props,
                                errors={[this.props.serverError, this.state.clientError]}
                            />
                            <Link
-                                className='btn btn-link btn-sm'
+                                className='btn btn-tertiary'
                                to={`/${this.props.team.name}/integrations/outgoing_webhooks`}
                            >
                                <FormattedMessage
--- a/webapp/channels/src/components/integrations/bots/add_bot/snapshots/add_bot.test.tsx.snap
+++ b/webapp/channels/src/components/integrations/bots/add_bot/snapshots/add_bot.test.tsx.snap
@@ -89,7 +89,7 @@ exports[`components/integrations/bots/AddBot blank 1`] = `
            />
          </div>
          <div
-            className="btn btn-sm btn-primary btn-file sel-btn"
+            className="btn btn-sm btn-primary btn-file"
          >
            <MemoizedFormattedMessage
              defaultMessage="Upload Image"
@@ -329,7 +329,7 @@ exports[`components/integrations/bots/AddBot blank 1`] = `
          type="backstage"
        />
        <Link
-          className="btn btn-link btn-sm"
+          className="btn btn-tertiary"
          to="/DN/integrations/bots"
        >
          <MemoizedFormattedMessage
--- a/webapp/channels/src/components/integrations/bots/add_bot/add_bot.tsx
+++ b/webapp/channels/src/components/integrations/bots/add_bot/add_bot.tsx
@@ -522,7 +522,7 @@ export default class AddBot extends React.PureComponent<Props, State> {
                                    {removeImageIcon}
                                </div>
                                <div
-                                    className='btn btn-sm btn-primary btn-file sel-btn'
+                                    className='btn btn-sm btn-primary btn-file'
                                >
                                    <FormattedMessage
                                        id='bots.image.upload'
@@ -718,7 +718,7 @@ export default class AddBot extends React.PureComponent<Props, State> {
                                errors={[this.state.error]}
                            />
                            <Link
-                                className='btn btn-link btn-sm'
+                                className='btn btn-tertiary'
                                to={`/${this.props.team.name}/integrations/bots`}
                            >
                                <FormattedMessage
--- a/webapp/channels/src/components/integrations/bots/bot.tsx
+++ b/webapp/channels/src/components/integrations/bots/bot.tsx
@@ -411,7 +411,7 @@ export default class Bot extends React.PureComponent<Props, State> {
                                        saving={false}
                                    />
                                    <button
-                                        className='btn btn-sm btn-link'
+                                        className='btn btn-sm btn-tertiary'
                                        onClick={this.closeCreateToken}
                                    >
                                        <FormattedMessage