Handle token_expired error from slack gracefully

Author: myftija

apps/webapp/app/presenters/v3/NewAlertChannelPresenter.server.ts

@@ -37,7 +37,15 @@ export class NewAlertChannelPresenter extends BasePresenter {
         if (isSlackError(error) && error.data.error === "token_revoked") {
           return {
             slack: {
-              status: "ACCESS_REVOKED" as const,
+              status: "TOKEN_REVOKED" as const,
+            },
+          };
+        }
+
+        if (isSlackError(error) && error.data.error === "token_expired") {
+          return {
+            slack: {
+              status: "TOKEN_EXPIRED" as const,
             },
           };
         }

apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.alerts.new/route.tsx

@@ -356,11 +356,11 @@ export default function Page() {
                       <SlackIcon className="size-5" /> Connect to Slack
                     </span>
                   </LinkButton>
-                ) : slack.status === "ACCESS_REVOKED" ? (
+                ) : slack.status === "TOKEN_REVOKED" || slack.status === "TOKEN_EXPIRED" ? (
                   <div className="flex flex-col gap-4">
                     <Callout variant="info">
-                      The Slack integration in your workspace has been revoked. Please re-connect
-                      your Slack workspace.
+                      The Slack integration in your workspace has been revoked or has expired.
+                      Please re-connect your Slack workspace.
                     </Callout>
                     <LinkButton
                       variant="tertiary/large"