Merge pull request #228 from ably/EDX-261

[EDX-261] - Add Stackoverflow and Youtube social icons
ably · Nov 1, 2022 · da4d20b · da4d20b
2 parents 7367139 + 4ec06b3
commit da4d20b
Show file tree

Hide file tree

Showing 11 changed files with 28 additions and 12 deletions.
diff --git a/Gemfile.lock b/Gemfile.lock
@@ -1,7 +1,7 @@
 PATH
   remote: .
   specs:
-    ably-ui (8.7.0.dev.5e05745)
+    ably-ui (8.7.0.dev.fa55b85)
       view_component (>= 2.33, < 2.50)
 
 GEM

diff --git a/lib/ably_ui/version.rb b/lib/ably_ui/version.rb
@@ -1,3 +1,3 @@
 module AblyUi
-  VERSION = '8.7.0.dev.5e05745'
+  VERSION = '8.7.0.dev.fa55b85'
 end
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ably/ui",
-  "version": "8.7.0-dev.5e05745",
+  "version": "8.7.0-dev.fa55b85",
   "description": "Home of the Ably design system library ([design.ably.com](https://design.ably.com)). It provides a showcase, development/test environment and a publishing pipeline for different distributables.",
   "repository": {
     "type": "git",

diff --git a/preview/Gemfile b/preview/Gemfile
@@ -37,7 +37,7 @@ gem 'view_component', '~> 2.33.0', require: 'view_component/engine'
 
 gem 'responders'
 
-gem 'ably-ui', '8.7.0.dev.5e05745', require: 'ably_ui'
+gem 'ably-ui', '8.7.0.dev.fa55b85', require: 'ably_ui'
 
 # https://stackoverflow.com/questions/71191685/visit-psych-nodes-alias-unknown-alias-default-psychbadalias
 gem 'psych', '< 4'

diff --git a/preview/Gemfile.lock b/preview/Gemfile.lock
@@ -1,7 +1,7 @@
 GEM
   remote: https://rubygems.org/
   specs:
-    ably-ui (8.7.0.dev.5e05745)
+    ably-ui (8.7.0.dev.fa55b85)
       view_component (>= 2.33, < 2.50)
     actioncable (6.0.5.1)
       actionpack (= 6.0.5.1)
@@ -175,7 +175,7 @@ PLATFORMS
   x86_64-linux
 
 DEPENDENCIES
-  ably-ui (= 8.7.0.dev.5e05745)
+  ably-ui (= 8.7.0.dev.fa55b85)
   bootsnap (>= 1.4.2)
   byebug
   dotenv-rails

diff --git a/preview/app/controllers/components_controller.rb b/preview/app/controllers/components_controller.rb
@@ -123,7 +123,7 @@ def icon
       icon-multi-user-spaces-col
     ]
 
-    social_icons = %w[discord facebook github glassdoor linkedin twitter google]
+    social_icons = %w[discord facebook github glassdoor linkedin twitter google stackoverflow youtube]
 
     other_icons = %w[quote]
 

diff --git a/preview/package.json b/preview/package.json
@@ -2,7 +2,7 @@
   "name": "preview",
   "private": true,
   "dependencies": {
-    "@ably/ui": "8.7.0-dev.5e05745",
+    "@ably/ui": "8.7.0-dev.fa55b85",
     "@babel/preset-react": "^7.12.5",
     "@rails/ujs": "^6.0.0",
     "@rails/webpacker": "4.3.0",

diff --git a/preview/yarn.lock b/preview/yarn.lock
@@ -2,10 +2,10 @@
 # yarn lockfile v1
 
 
-"@ably/[email protected].5e05745":
-  version "8.7.0-dev.5e05745"
-  resolved "https://registry.yarnpkg.com/@ably/ui/-/ui-8.7.0-dev.5e05745.tgz#5622b1d205a39a67af6d20395b53eef5109767cc"
-  integrity sha512-HM2yPFqPfIueL+jR/BqAbUF1m/uEKyRq+wrPclyEJslbZkGulanO1oYSpDK5dWDyMPVsjcOcLeuEok1/YeL8hg==
+"@ably/[email protected].fa55b85":
+  version "8.7.0-dev.fa55b85"
+  resolved "https://registry.yarnpkg.com/@ably/ui/-/ui-8.7.0-dev.fa55b85.tgz#3e0f9afb35c18a591699d0c944c7eb0fbda4091f"
+  integrity sha512-UnKrphwbpYZ33rm4UTeWdA+oXx0o9LLq5w32tKVIwmtPILuHOhdc5BYMCeLiH3qGqd6Urs71Hl+MIYeLJ6kK1w==
   dependencies:
     addsearch-js-client "^0.7.0"
     array-flat-polyfill "^1.0.1"

diff --git a/src/core/icons/stackoverflow.svg b/src/core/icons/stackoverflow.svg
diff --git a/src/core/icons/youtube.svg b/src/core/icons/youtube.svg
diff --git a/src/core/styles/properties.css b/src/core/styles/properties.css
@@ -47,6 +47,8 @@
     --icon-color-glassdoor: #0baa41;
     --icon-color-github: #000000;
     --icon-color-discord: #5865f2;
+    --icon-color-stackoverflow: #f48024;
+    --icon-color-youtube: #ff0000;
 
     --gradient-active-orange: linear-gradient(
       61.2deg,