More Icons (#51)

* docs: readme

* chore: datalayer logo

* chore: draft

* chore: signpost

* chore: zed icon

* chore: magnet icons

* chore: makefile

* chore: waving hand

* chore: alien and lizard

* chore: bluesky

* icons: null

* chore: pen

* chore: sparkle

* chore: tiktok

* chore: more icons

Author: echarles

Makefile

@@ -33,6 +33,10 @@ dev: ## start
 	($(CONDA_ACTIVATE) ${ENV_NAME}; \
 		yarn dev )
 
+start: ## start
+	($(CONDA_ACTIVATE) ${ENV_NAME}; \
+		yarn start )
+
 publish-npm: clean build ## publish to npm
 	@exec echo PUBLISH NPM
 	($(CONDA_ACTIVATE) ${ENV_NAME}; \

README.md

@@ -133,6 +133,7 @@ These are useful places for open-source SVGs.
 - Icons.js https://github.com/antfu/icones https://icones.js.org
 - Lucide https://github.com/lucide-icons/lucide https://lucide.dev
 - OpenMoji https://github.com/hfg-gmuend/openmoji https://openmoji.org
+- Primer Octicons https://github.com/primer/octicons https://primer.style/foundations/icons
 - Radix UI Icons https://github.com/radix-ui/icons https://icons.radix-ui.com
 - React Icons https://github.com/react-icons/react-icons https://react-icons.github.io/react-icons
 - SVG Repo https://www.svgrepo.com

icons-react/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@datalayer/icons-react",
   "license": "MIT",
-  "version": "0.3.4",
+  "version": "0.3.5",
   "description": "React.js and JupyterLab icons for data products.",
   "keywords": [
     "icons",

package.json

@@ -40,8 +40,8 @@
     "@babel/plugin-transform-react-jsx": "^7.12.12",
     "@primer/brand-primitives": "^0.29.1",
     "@primer/octicons-react": "^19.6.0",
-    "@primer/react": "^36.25.0",
-    "@primer/react-brand": "0.37.0-rc.ab1bfc11",
+    "@primer/react": "^36.27.0",
+    "@primer/react-brand": "^0.44.1",
     "@svgr/core": "^5.5.0",
     "@types/react": "18.2.12",
     "@types/react-dom": "18.2.5",

src/footer/MinimalFooter.tsx

@@ -157,34 +157,34 @@ function SocialLogomarks({socialLinks, logoHref}: SocialLogomarksProps) {
 
   const socialLinkData = [
     {
-      name: 'x',
-      fullName: 'X',
-      url: 'https://x.com/datalayerio',
-      icon: 'https://github.githubassets.com/images/modules/site/icons/footer/x.svg',
-      iconWidth: 22,
-      iconHeight: 18
+      name: 'bluesky',
+      fullName: 'Bluesky',
+      url: 'https://bsky.app/profile/datalayer.io',
+      icon: 'https://assets.datalayer.tech/logos-social-grey/bluesky.svg',
+      iconWidth: 24,
+      iconHeight: 24
     },
     {
       name: 'github',
       fullName: 'GitHub',
       url: 'https://github.com/datalayer',
-      icon: 'https://github.githubassets.com/images/modules/site/icons/footer/github-mark.svg',
+      icon: 'https://assets.datalayer.tech/logos-social-grey/github.svg',
       iconWidth: 20,
       iconHeight: 20
     },
     {
       name: 'linkedin',
       fullName: 'LinkedIn',
       url: 'https://www.linkedin.com/company/datalayer',
-      icon: 'https://github.githubassets.com/images/modules/site/icons/footer/linkedin.svg',
+      icon: 'https://assets.datalayer.tech/logos-social-grey/linkedin.svg',
       iconWidth: 19,
       iconHeight: 18
     },
     {
       name: 'youtube',
       fullName: 'YouTube',
       url: 'https://www.youtube.com/@datalayer',
-      icon: 'https://github.githubassets.com/images/modules/site/icons/footer/youtube.svg',
+      icon: 'https://assets.datalayer.tech/logos-social-grey/youtube.svg',
       iconWidth: 23,
       iconHeight: 16
     },