Change icon, improve Slack integration (#409)

antoinejaussoin · May 15, 2022 · 5456607 · 5456607
1 parent d79047c
commit 5456607
Show file tree

Hide file tree

Showing 93 changed files with 194 additions and 84 deletions.
diff --git a/backend/package.json b/backend/package.json
@@ -73,7 +73,7 @@
     "passport-local": "1.0.0",
     "passport-microsoft": "1.0.0",
     "passport-okta-oauth20": "1.1.0",
-    "passport-slack": "0.0.7",
+    "passport-slack-oauth2": "^1.1.1",
     "passport-twitter": "1.0.4",
     "pg": "8.7.3",
     "prettier": "2.6.2",

diff --git a/backend/src/admin/router.ts b/backend/src/admin/router.ts
@@ -19,6 +19,10 @@ router.get('/self-hosting', async (_, res) => {
     selfHosted: config.SELF_HOSTED,
     licenced: !!licence,
     emailAvailable: canSendEmails(),
+    slackClientId:
+      config.SLACK_BOT_ENABLE && config.SLACK_KEY
+        ? config.SLACK_KEY
+        : undefined,
     disableAnonymous: config.DISABLE_ANONYMOUS_LOGIN,
     disablePasswords: config.DISABLE_PASSWORD_LOGIN,
     disablePasswordRegistration: config.DISABLE_PASSWORD_REGISTRATION,

diff --git a/backend/src/auth/config.ts b/backend/src/auth/config.ts
@@ -48,10 +48,16 @@ export const GITHUB_CONFIG: GitHubStrategy | null =
 export const SLACK_CONFIG =
   config.SLACK_KEY && config.SLACK_SECRET
     ? {
+        skipUserProfile: false, // default
+        scope: [
+          'identity.basic',
+          'identity.email',
+          'identity.avatar',
+          'identity.team',
+        ], // default
         clientID: config.SLACK_KEY || '',
         clientSecret: config.SLACK_SECRET || '',
         callbackURL: slackURL,
-        scope: ['identity.email', 'identity.avatar', 'identity.basic'],
       }
     : null;
 

diff --git a/backend/src/auth/passport.ts b/backend/src/auth/passport.ts
@@ -3,7 +3,7 @@ import { Strategy as LocalStrategy, IVerifyOptions } from 'passport-local';
 import { Strategy as TwitterStrategy } from 'passport-twitter';
 import { Strategy as GoogleStrategy } from 'passport-google-oauth20';
 import { Strategy as GithubStrategy } from 'passport-github2';
-import { Strategy as SlackStrategy } from 'passport-slack';
+import { Strategy as SlackStrategy } from 'passport-slack-oauth2';
 import { Strategy as MicrosoftStrategy } from 'passport-microsoft';
 import { Strategy as OktaStrategy } from 'passport-okta-oauth20';
 

diff --git a/backend/src/auth/router.ts b/backend/src/auth/router.ts
@@ -9,7 +9,7 @@ const googleAuth = passport.authenticate('google', {
 });
 const facebookAuth = passport.authenticate('facebook');
 const githubAuth = passport.authenticate('github', { scope: ['user:email'] });
-const slackAuth = passport.authenticate('slack');
+const slackAuth = passport.authenticate('Slack');
 const microsoftAuth = passport.authenticate('microsoft');
 const oktaAuth = passport.authenticate('okta');
 

diff --git a/backend/src/common/payloads.ts b/backend/src/common/payloads.ts
@@ -57,6 +57,7 @@ export interface BackendCapabilities {
   adminEmail: string;
   licenced: boolean;
   oAuth: OAuthAvailabilities;
+  slackClientId?: string;
   disableAnonymous: boolean;
   disablePasswords: boolean;
   disablePasswordRegistration: boolean;

diff --git a/backend/src/config.ts b/backend/src/config.ts
@@ -78,6 +78,7 @@ const config: BackendConfig = {
   GITHUB_SECRET: defaults('GITHUB_SECRET', ''),
   SLACK_KEY: defaults('SLACK_KEY', ''),
   SLACK_SECRET: defaults('SLACK_SECRET', ''),
+  SLACK_BOT_ENABLE: defaultsBool('SLACK_BOT_ENABLE', false),
   MICROSOFT_KEY: defaults('MICROSOFT_KEY', ''),
   MICROSOFT_SECRET: defaults('MICROSOFT_SECRET', ''),
   OKTA_AUDIENCE: defaults('OKTA_AUDIENCE', ''),

diff --git a/backend/src/slack/router.ts b/backend/src/slack/router.ts
@@ -29,7 +29,7 @@ export default function slackRouter(): Router {
       if (session) {
         await sendToSlack(
           msg.response_url,
-          `Well done! You can start retrospecting here: ${config.BASE_URL}/game/${session.id}`
+          `All done! You can start retrospecting here: ${config.BASE_URL}/game/${session.id}`
         );
       } else {
         await sendToSlack(

diff --git a/backend/src/types.ts b/backend/src/types.ts
@@ -28,6 +28,7 @@ export interface BackendConfig {
   GITHUB_SECRET: string;
   SLACK_KEY: string;
   SLACK_SECRET: string;
+  SLACK_BOT_ENABLE: boolean;
   MICROSOFT_KEY: string;
   MICROSOFT_SECRET: string;
   OKTA_AUDIENCE: string;

diff --git a/backend/src/typings.d.ts b/backend/src/typings.d.ts
@@ -1,7 +1,5 @@
 import { UserIds } from './utils';
 
-declare module 'passport-okta-oauth';
-
 declare module 'express-serve-static-core' {
   interface Request {
     user?: UserIds | undefined;

diff --git a/backend/src/typings/typings.d.ts b/backend/src/typings/typings.d.ts
@@ -15,5 +15,5 @@ declare namespace Express {
   }
 }
 
-declare module 'passport-slack';
 declare module 'freemail';
+declare module 'passport-slack-oauth2';
diff --git a/backend/yarn.lock b/backend/yarn.lock
@@ -3853,7 +3853,7 @@ [email protected]:
     passport-strategy "1.x.x"
     utils-merge "1.x.x"
 
-[email protected], [email protected], passport-oauth2@^1.6.1:
+[email protected], [email protected], passport-oauth2@^1.5.0, passport-oauth2@^1.6.1:
   version "1.6.1"
   resolved "https://registry.yarnpkg.com/passport-oauth2/-/passport-oauth2-1.6.1.tgz#c5aee8f849ce8bd436c7f81d904a3cd1666f181b"
   integrity sha512-ZbV43Hq9d/SBSYQ22GOiglFsjsD1YY/qdiptA+8ej+9C1dL1TVB+mBE5kDH/D4AJo50+2i8f4bx0vg4/yDDZCQ==
@@ -3864,15 +3864,6 @@ [email protected], [email protected], passport-oauth2@^1.6.1:
     uid2 "0.0.x"
     utils-merge "1.x.x"
 
-passport-oauth@~0.1.1:
-  version "0.1.15"
-  resolved "https://registry.yarnpkg.com/passport-oauth/-/passport-oauth-0.1.15.tgz#fb74e0afe84614bfa256c5fc716cc56bbfc8cec0"
-  integrity sha1-+3Tgr+hGFL+iVsX8cWzFa7/IzsA=
-  dependencies:
-    oauth "0.9.x"
-    passport "~0.1.1"
-    pkginfo "0.2.x"
-
 [email protected]:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/passport-okta-oauth20/-/passport-okta-oauth20-1.1.0.tgz#c017edca4a1a782b457492187d3b73d96efc9e56"
@@ -3881,13 +3872,13 @@ [email protected]:
     node-fetch "^2.6.1"
     passport-oauth2 "^1.6.1"
 
-passport-slack@0.0.7:
-  version "0.0.7"
-  resolved "https://registry.yarnpkg.com/passport-slack/-/passport-slack-0.0.7.tgz#167eb80f0ab622d2156e7cae7055e16d0b1890d0"
-  integrity sha1-Fn64Dwq2ItIVbnyucFXhbQsYkNA=
+passport-slack-oauth2@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/passport-slack-oauth2/-/passport-slack-oauth2-1.1.1.tgz#d831ffc3f1e968fcc3622e6ecf41643c8d8f9cbc"
+  integrity sha512-xC+yMKFXximP5TzSNt4lr9TP78MMos5B+acC7bJNCxBAVNyL9e02AEpVpVtyMIqHv4nNZnv1vyoOb50J8VCcZQ==
   dependencies:
-    passport-oauth "~0.1.1"
-    pkginfo "0.2.x"
+    passport-oauth2 "^1.5.0"
+    pkginfo "^0.4.1"
 
 [email protected]:
   version "1.0.0"
@@ -3910,14 +3901,6 @@ [email protected]:
     passport-strategy "1.x.x"
     pause "0.0.1"
 
-passport@~0.1.1:
-  version "0.1.18"
-  resolved "https://registry.yarnpkg.com/passport/-/passport-0.1.18.tgz#c8264479dcb6414cadbb66752d12b37e0b6525a1"
-  integrity sha1-yCZEedy2QUytu2Z1LRKzfgtlJaE=
-  dependencies:
-    pause "0.0.1"
-    pkginfo "0.2.x"
-
 path-exists@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/path-exists/-/path-exists-4.0.0.tgz#513bdbe2d3b95d7762e8c1137efa195c6c61b5b3"
@@ -4026,12 +4009,7 @@ pkg-dir@^4.2.0:
   dependencies:
     find-up "^4.0.0"
 
-[email protected]:
-  version "0.2.3"
-  resolved "https://registry.yarnpkg.com/pkginfo/-/pkginfo-0.2.3.tgz#7239c42a5ef6c30b8f328439d9b9ff71042490f8"
-  integrity sha1-cjnEKl72wwuPMoQ52bn/cQQkkPg=
-
-[email protected]:
+[email protected], pkginfo@^0.4.1:
   version "0.4.1"
   resolved "https://registry.yarnpkg.com/pkginfo/-/pkginfo-0.4.1.tgz#b5418ef0439de5425fc4995042dced14fb2a84ff"
   integrity sha1-tUGO8EOd5UJfxJlQQtztFPsqhP8=

diff --git a/content/new_logo/Logo Retrospected.logoist b/content/new_logo/Logo Retrospected.logoist
diff --git a/content/new_logo/fav/android-chrome-192x192.png b/content/new_logo/fav/android-chrome-192x192.png
diff --git a/content/new_logo/fav/android-chrome-512x512.png b/content/new_logo/fav/android-chrome-512x512.png
diff --git a/content/new_logo/fav/apple-touch-icon.png b/content/new_logo/fav/apple-touch-icon.png
diff --git a/content/new_logo/fav/favicon-16x16.png b/content/new_logo/fav/favicon-16x16.png
diff --git a/content/new_logo/fav/favicon-32x32.png b/content/new_logo/fav/favicon-32x32.png
diff --git a/content/new_logo/fav/favicon.ico b/content/new_logo/fav/favicon.ico
diff --git a/content/new_logo/fav/site.webmanifest b/content/new_logo/fav/site.webmanifest
@@ -0,0 +1 @@
+{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}
diff --git a/content/new_logo/favicon_io-3.zip b/content/new_logo/favicon_io-3.zip
diff --git a/content/new_logo/screenshot-v1.png b/content/new_logo/screenshot-v1.png
diff --git a/content/readme.md b/content/readme.md
@@ -0,0 +1,3 @@
+# Convert PNG to icons
+
+https://en.rakko.tools/tools/69/
diff --git a/frontend/public/android-chrome-144x144.png b/frontend/public/android-chrome-144x144.png
diff --git a/frontend/public/android-chrome-192x192.png b/frontend/public/android-chrome-192x192.png
diff --git a/frontend/public/android-chrome-36x36.png b/frontend/public/android-chrome-36x36.png
diff --git a/frontend/public/android-chrome-48x48.png b/frontend/public/android-chrome-48x48.png
diff --git a/frontend/public/android-chrome-512x512.png b/frontend/public/android-chrome-512x512.png
diff --git a/frontend/public/android-chrome-72x72.png b/frontend/public/android-chrome-72x72.png
diff --git a/frontend/public/android-chrome-96x96.png b/frontend/public/android-chrome-96x96.png
diff --git a/frontend/public/android-icon-144x144.png b/frontend/public/android-icon-144x144.png
diff --git a/frontend/public/android-icon-192x192.png b/frontend/public/android-icon-192x192.png
diff --git a/frontend/public/android-icon-36x36.png b/frontend/public/android-icon-36x36.png
diff --git a/frontend/public/android-icon-48x48.png b/frontend/public/android-icon-48x48.png
diff --git a/frontend/public/android-icon-72x72.png b/frontend/public/android-icon-72x72.png
diff --git a/frontend/public/android-icon-96x96.png b/frontend/public/android-icon-96x96.png
diff --git a/frontend/public/apple-icon-114x114.png b/frontend/public/apple-icon-114x114.png
diff --git a/frontend/public/apple-icon-120x120.png b/frontend/public/apple-icon-120x120.png
diff --git a/frontend/public/apple-icon-144x144.png b/frontend/public/apple-icon-144x144.png
diff --git a/frontend/public/apple-icon-152x152.png b/frontend/public/apple-icon-152x152.png
diff --git a/frontend/public/apple-icon-180x180.png b/frontend/public/apple-icon-180x180.png
diff --git a/frontend/public/apple-icon-57x57.png b/frontend/public/apple-icon-57x57.png
diff --git a/frontend/public/apple-icon-60x60.png b/frontend/public/apple-icon-60x60.png
diff --git a/frontend/public/apple-icon-72x72.png b/frontend/public/apple-icon-72x72.png
diff --git a/frontend/public/apple-icon-76x76.png b/frontend/public/apple-icon-76x76.png
diff --git a/frontend/public/apple-icon-precomposed.png b/frontend/public/apple-icon-precomposed.png
diff --git a/frontend/public/apple-icon.png b/frontend/public/apple-icon.png
diff --git a/frontend/public/apple-touch-icon-114x114.png b/frontend/public/apple-touch-icon-114x114.png
diff --git a/frontend/public/apple-touch-icon-120x120.png b/frontend/public/apple-touch-icon-120x120.png
diff --git a/frontend/public/apple-touch-icon-144x144.png b/frontend/public/apple-touch-icon-144x144.png
diff --git a/frontend/public/apple-touch-icon-152x152.png b/frontend/public/apple-touch-icon-152x152.png
diff --git a/frontend/public/apple-touch-icon-180x180.png b/frontend/public/apple-touch-icon-180x180.png
diff --git a/frontend/public/apple-touch-icon-57x57.png b/frontend/public/apple-touch-icon-57x57.png
diff --git a/frontend/public/apple-touch-icon-60x60.png b/frontend/public/apple-touch-icon-60x60.png
diff --git a/frontend/public/apple-touch-icon-72x72.png b/frontend/public/apple-touch-icon-72x72.png
diff --git a/frontend/public/apple-touch-icon-76x76.png b/frontend/public/apple-touch-icon-76x76.png
diff --git a/frontend/public/apple-touch-icon-precomposed.png b/frontend/public/apple-touch-icon-precomposed.png
diff --git a/frontend/public/apple-touch-icon.png b/frontend/public/apple-touch-icon.png
diff --git a/frontend/public/browserconfig.xml b/frontend/public/browserconfig.xml
@@ -2,11 +2,11 @@
 <browserconfig>
   <msapplication>
     <tile>
-      <square70x70logo src="/mstile-70x70.png"/>
-      <square150x150logo src="/mstile-150x150.png"/>
-      <square310x310logo src="/mstile-310x310.png"/>
-      <wide310x150logo src="/mstile-310x150.png"/>
-      <TileColor>#da532c</TileColor>
+      <square70x70logo src="/ms-icon-70x70.png"/>
+      <square144x144logo src="/ms-icon-144*144.png"/>
+      <square150x150logo src="/ms-icon-150x150.png"/>
+      <square310x310logo src="/ms-icon-310x310.png"/>
+      <TileColor>#5842DE</TileColor>
     </tile>
   </msapplication>
 </browserconfig>
diff --git a/frontend/public/favicon-16x16.png b/frontend/public/favicon-16x16.png
diff --git a/frontend/public/favicon-32x32.png b/frontend/public/favicon-32x32.png
diff --git a/frontend/public/favicon-96x96.png b/frontend/public/favicon-96x96.png
diff --git a/frontend/public/favicon.ico b/frontend/public/favicon.ico
diff --git a/frontend/public/index.empty.html b/frontend/public/index.empty.html
@@ -33,23 +33,24 @@
   <script src="https://polyfill.io/v3/polyfill.min.js?features=Map%2CSet%2CWeakMap%2CObject.setPrototypeOf"></script>
   <% } %>
 
-  <link rel="apple-touch-icon" sizes="57x57" href="%PUBLIC_URL%/apple-touch-icon-57x57.png" />
-  <link rel="apple-touch-icon" sizes="60x60" href="%PUBLIC_URL%/apple-touch-icon-60x60.png" />
-  <link rel="apple-touch-icon" sizes="72x72" href="%PUBLIC_URL%/apple-touch-icon-72x72.png" />
-  <link rel="apple-touch-icon" sizes="76x76" href="%PUBLIC_URL%/apple-touch-icon-76x76.png" />
-  <link rel="apple-touch-icon" sizes="114x114" href="%PUBLIC_URL%/apple-touch-icon-114x114.png" />
-  <link rel="apple-touch-icon" sizes="120x120" href="%PUBLIC_URL%/apple-touch-icon-120x120.png" />
-  <link rel="apple-touch-icon" sizes="144x144" href="%PUBLIC_URL%/apple-touch-icon-144x144.png" />
-  <link rel="apple-touch-icon" sizes="152x152" href="%PUBLIC_URL%/apple-touch-icon-152x152.png" />
-  <link rel="apple-touch-icon" sizes="180x180" href="%PUBLIC_URL%/apple-touch-icon-180x180.png" />
-  <link rel="icon" type="image/png" href="%PUBLIC_URL%/favicon-32x32.png" sizes="32x32" />
-  <link rel="icon" type="image/png" href="%PUBLIC_URL%/android-chrome-192x192.png" sizes="192x192" />
-  <link rel="icon" type="image/png" href="%PUBLIC_URL%/favicon-96x96.png" sizes="96x96" />
-  <link rel="icon" type="image/png" href="%PUBLIC_URL%/favicon-16x16.png" sizes="16x16" />
-  <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
-  <link rel="mask-icon" href="%PUBLIC_URL%/safari-pinned-tab.svg" color="#5bbad5" />
-  <meta name="msapplication-TileColor" content="#da532c" />
-  <meta name="msapplication-TileImage" content="%PUBLIC_URL%/mstile-144x144.png" />
+
+  <link rel="apple-touch-icon" sizes="57x57" href="%PUBLIC_URL%/apple-icon-57x57.png">
+  <link rel="apple-touch-icon" sizes="60x60" href="%PUBLIC_URL%/apple-icon-60x60.png">
+  <link rel="apple-touch-icon" sizes="72x72" href="%PUBLIC_URL%/apple-icon-72x72.png">
+  <link rel="apple-touch-icon" sizes="76x76" href="%PUBLIC_URL%/apple-icon-76x76.png">
+  <link rel="apple-touch-icon" sizes="114x114" href="%PUBLIC_URL%/apple-icon-114x114.png">
+  <link rel="apple-touch-icon" sizes="120x120" href="%PUBLIC_URL%/apple-icon-120x120.png">
+  <link rel="apple-touch-icon" sizes="144x144" href="%PUBLIC_URL%/apple-icon-144x144.png">
+  <link rel="apple-touch-icon" sizes="152x152" href="%PUBLIC_URL%/apple-icon-152x152.png">
+  <link rel="apple-touch-icon" sizes="180x180" href="%PUBLIC_URL%/apple-icon-180x180.png">
+  <link rel="icon" type="image/png" sizes="192x192"  href="%PUBLIC_URL%/android-icon-192x192.png">
+  <link rel="icon" type="image/png" sizes="32x32" href="%PUBLIC_URL%/favicon-32x32.png">
+  <link rel="icon" type="image/png" sizes="96x96" href="%PUBLIC_URL%/favicon-96x96.png">
+  <link rel="icon" type="image/png" sizes="16x16" href="%PUBLIC_URL%/favicon-16x16.png">
+  <link rel="manifest" href="%PUBLIC_URL%/manifest.json">
+  <meta name="msapplication-TileColor" content="#5842DE">
+  <meta name="msapplication-TileImage" content="%PUBLIC_URL%/ms-icon-144x144.png">
+
   <meta name="theme-color" content="#ffffff" />
   <meta name="version" content="%REACT_APP_VERSION%" />
   <meta name="env" content="%NODE_ENV%" />

diff --git a/frontend/public/index.html b/frontend/public/index.html
@@ -37,24 +37,24 @@
   <script src="https://polyfill.io/v3/polyfill.min.js?features=Map%2CSet%2CWeakMap%2CObject.setPrototypeOf"></script>
   <% } %>
 
-  <link rel="apple-touch-icon" sizes="57x57" href="%PUBLIC_URL%/apple-touch-icon-57x57.png" />
-  <link rel="apple-touch-icon" sizes="60x60" href="%PUBLIC_URL%/apple-touch-icon-60x60.png" />
-  <link rel="apple-touch-icon" sizes="72x72" href="%PUBLIC_URL%/apple-touch-icon-72x72.png" />
-  <link rel="apple-touch-icon" sizes="76x76" href="%PUBLIC_URL%/apple-touch-icon-76x76.png" />
-  <link rel="apple-touch-icon" sizes="114x114" href="%PUBLIC_URL%/apple-touch-icon-114x114.png" />
-  <link rel="apple-touch-icon" sizes="120x120" href="%PUBLIC_URL%/apple-touch-icon-120x120.png" />
-  <link rel="apple-touch-icon" sizes="144x144" href="%PUBLIC_URL%/apple-touch-icon-144x144.png" />
-  <link rel="apple-touch-icon" sizes="152x152" href="%PUBLIC_URL%/apple-touch-icon-152x152.png" />
-  <link rel="apple-touch-icon" sizes="180x180" href="%PUBLIC_URL%/apple-touch-icon-180x180.png" />
-  <link rel="icon" type="image/png" href="%PUBLIC_URL%/favicon-32x32.png" sizes="32x32" />
-  <link rel="icon" type="image/png" href="%PUBLIC_URL%/android-chrome-192x192.png" sizes="192x192" />
-  <link rel="icon" type="image/png" href="%PUBLIC_URL%/favicon-96x96.png" sizes="96x96" />
-  <link rel="icon" type="image/png" href="%PUBLIC_URL%/favicon-16x16.png" sizes="16x16" />
-  <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
-  <link rel="mask-icon" href="%PUBLIC_URL%/safari-pinned-tab.svg" color="#5bbad5" />
-  <meta name="msapplication-TileColor" content="#da532c" />
-  <meta name="msapplication-TileImage" content="%PUBLIC_URL%/mstile-144x144.png" />
-  <meta name="theme-color" content="#ffffff" />
+  <link rel="apple-touch-icon" sizes="57x57" href="%PUBLIC_URL%/apple-icon-57x57.png">
+  <link rel="apple-touch-icon" sizes="60x60" href="%PUBLIC_URL%/apple-icon-60x60.png">
+  <link rel="apple-touch-icon" sizes="72x72" href="%PUBLIC_URL%/apple-icon-72x72.png">
+  <link rel="apple-touch-icon" sizes="76x76" href="%PUBLIC_URL%/apple-icon-76x76.png">
+  <link rel="apple-touch-icon" sizes="114x114" href="%PUBLIC_URL%/apple-icon-114x114.png">
+  <link rel="apple-touch-icon" sizes="120x120" href="%PUBLIC_URL%/apple-icon-120x120.png">
+  <link rel="apple-touch-icon" sizes="144x144" href="%PUBLIC_URL%/apple-icon-144x144.png">
+  <link rel="apple-touch-icon" sizes="152x152" href="%PUBLIC_URL%/apple-icon-152x152.png">
+  <link rel="apple-touch-icon" sizes="180x180" href="%PUBLIC_URL%/apple-icon-180x180.png">
+  <link rel="icon" type="image/png" sizes="192x192"  href="%PUBLIC_URL%/android-icon-192x192.png">
+  <link rel="icon" type="image/png" sizes="32x32" href="%PUBLIC_URL%/favicon-32x32.png">
+  <link rel="icon" type="image/png" sizes="96x96" href="%PUBLIC_URL%/favicon-96x96.png">
+  <link rel="icon" type="image/png" sizes="16x16" href="%PUBLIC_URL%/favicon-16x16.png">
+  <link rel="manifest" href="%PUBLIC_URL%/manifest.json">
+  <meta name="msapplication-TileColor" content="#5842DE">
+  <meta name="msapplication-TileImage" content="%PUBLIC_URL%/ms-icon-144x144.png">
+
+  <meta name="theme-color" content="#ffffff">
   <meta name="version" content="%REACT_APP_VERSION%" />
   <meta name="env" content="%NODE_ENV%" />
 

diff --git a/frontend/public/manifest.json b/frontend/public/manifest.json
@@ -4,37 +4,37 @@
   "display": "standalone",
   "start_url": "/",
   "icons": [{
-      "src": "\/android-chrome-36x36.png",
+      "src": "\/android-icon-36x36.png",
       "sizes": "36x36",
       "type": "image\/png",
       "density": 0.75
     },
     {
-      "src": "\/android-chrome-48x48.png",
+      "src": "\/android-icon-48x48.png",
       "sizes": "48x48",
       "type": "image\/png",
       "density": 1
     },
     {
-      "src": "\/android-chrome-72x72.png",
+      "src": "\/android-icon-72x72.png",
       "sizes": "72x72",
       "type": "image\/png",
       "density": 1.5
     },
     {
-      "src": "\/android-chrome-96x96.png",
+      "src": "\/android-icon-96x96.png",
       "sizes": "96x96",
       "type": "image\/png",
       "density": 2
     },
     {
-      "src": "\/android-chrome-144x144.png",
+      "src": "\/android-icon-144x144.png",
       "sizes": "144x144",
       "type": "image\/png",
       "density": 3
     },
     {
-      "src": "\/android-chrome-192x192.png",
+      "src": "\/android-icon-192x192.png",
       "sizes": "192x192",
       "type": "image\/png",
       "density": 4

diff --git a/frontend/public/ms-icon-144x144.png b/frontend/public/ms-icon-144x144.png
diff --git a/frontend/public/ms-icon-150x150.png b/frontend/public/ms-icon-150x150.png
diff --git a/frontend/public/ms-icon-310x310.png b/frontend/public/ms-icon-310x310.png
diff --git a/frontend/public/ms-icon-70x70.png b/frontend/public/ms-icon-70x70.png
diff --git a/frontend/public/mstile-144x144.png b/frontend/public/mstile-144x144.png
diff --git a/frontend/public/mstile-150x150.png b/frontend/public/mstile-150x150.png
diff --git a/frontend/public/mstile-310x150.png b/frontend/public/mstile-310x150.png
diff --git a/frontend/public/mstile-310x310.png b/frontend/public/mstile-310x310.png
diff --git a/frontend/public/mstile-70x70.png b/frontend/public/mstile-70x70.png
diff --git a/frontend/public/site.webmanifest b/frontend/public/site.webmanifest
@@ -0,0 +1,19 @@
+{
+  "name": "Retrospected",
+  "short_name": "Retrospected",
+  "icons": [
+    {
+      "src": "/android-chrome-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png"
+    },
+    {
+      "src": "/android-chrome-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png"
+    }
+  ],
+  "theme_color": "#5842DE",
+  "background_color": "#ffffff",
+  "display": "standalone"
+}
diff --git a/frontend/src/common/payloads.ts b/frontend/src/common/payloads.ts
@@ -57,6 +57,7 @@ export interface BackendCapabilities {
   adminEmail: string;
   licenced: boolean;
   oAuth: OAuthAvailabilities;
+  slackClientId?: string;
   disableAnonymous: boolean;
   disablePasswords: boolean;
   disablePasswordRegistration: boolean;

diff --git a/frontend/src/translations/locales/ar-SA.json b/frontend/src/translations/locales/ar-SA.json
@@ -276,6 +276,11 @@
       "accountType": "نوع الحساب",
       "language": "اللغة"
     },
+    "slack": {
+      "header": "تكامل السدود",
+      "help": "أضف الروبوت الذي تم التنقيب عنه إلى مساحة العمل الرخيصة الخاصة بك، واحصل على القدرة على بدء ريترو مع أمر بسيط: '/retro My Retro'.",
+      "addToSlack": "إضافة إلى Slack"
+    },
     "plan": {
       "header": "خطتك",
       "plan": "خطة",

diff --git a/frontend/src/translations/locales/de-DE.json b/frontend/src/translations/locales/de-DE.json
@@ -276,6 +276,11 @@
       "accountType": "Kontotyp",
       "language": "Sprache"
     },
+    "slack": {
+      "header": "Slack Integration",
+      "help": "Fügen Sie den Retrospected Bot Ihrem Arbeitsbereich hinzu und erhalten Sie die Möglichkeit, ein Retro mit einem einfachen Befehl zu starten: '/retro My Retro'.",
+      "addToSlack": "Zu Slack hinzufügen"
+    },
     "plan": {
       "header": "Ihr Plan",
       "plan": "Plan",

diff --git a/frontend/src/translations/locales/en-GB.json b/frontend/src/translations/locales/en-GB.json
@@ -276,6 +276,11 @@
       "accountType": "Account Type",
       "language": "Language"
     },
+    "slack": {
+      "header": "Slack Integration",
+      "help": "Add the Retrospected Bot to your slack workspace, and get the ability to start a retro with a simple command: '/retro My Retro'.",
+      "addToSlack": "Add to Slack"
+    },
     "plan": {
       "header": "Your Plan",
       "plan": "Plan",
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,3 @@
		# Convert PNG to icons

		https://en.rakko.tools/tools/69/