From c1f496aa2a713953bbc23b69a478a8610b7d800d Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Michal=20Bryxi=CC=81?= <michal.bryxi@gmail.com> Date: Wed, 25 Sep 2024 11:57:38 +0200 Subject: [PATCH] feat: Add simple footer - Fixes #3 --- app/components/footer/index.gjs | 25 +++++++++++++++++++++++++ app/components/open-to/index.gjs | 5 +++++ package.json | 3 +++ pnpm-lock.yaml | 16 ++++++++++++++++ translations/en-us.yaml | 3 +++ 5 files changed, 52 insertions(+) create mode 100644 app/components/footer/index.gjs diff --git a/app/components/footer/index.gjs b/app/components/footer/index.gjs new file mode 100644 index 0000000..c9157e3 --- /dev/null +++ b/app/components/footer/index.gjs @@ -0,0 +1,25 @@ +import Component from '@glimmer/component'; +import GitHubLogo from 'ember-phosphor-icons/components/ph-github-logo'; +import LinkedInLogo from 'ember-phosphor-icons/components/ph-linkedin-logo'; +import { t } from 'ember-intl'; + +export default class OpenToFiles extends Component { + <template> + <a + href='https://github.com/MichalBryxi/open-to-dot-dot-dot' + class='pr-6 text-gray-500 hover:text-black' + target='_blank' + > + <GitHubLogo class='inline' /> + {{t 'footer.github'}} + </a> + <a + href='https://www.linkedin.com/posts/courtneysummer_desperate-opentowork-opentowork-activity-7241410975193513984-vexX?utm_source=share&utm_medium=member_desktop' + class='pr-6 text-gray-500 hover:text-black' + target='_blank' + > + <LinkedInLogo class='inline' /> + {{t 'footer.linked-in'}} + </a> + </template> +} diff --git a/app/components/open-to/index.gjs b/app/components/open-to/index.gjs index 26053d0..8e936a0 100644 --- a/app/components/open-to/index.gjs +++ b/app/components/open-to/index.gjs @@ -3,6 +3,7 @@ import { t } from 'ember-intl'; import OpenToFiles from './files'; import OpenToToggles from './toggles'; import OpenToExport from './export'; +import Footer from '../footer'; export default class OpenTo extends Component { <template> @@ -38,6 +39,10 @@ export default class OpenTo extends Component { <div class='px-4 py-5 sm:px-6'> <OpenToExport /> </div> + + <div class='px-4 py-5 sm:px-6'> + <Footer /> + </div> </div> </div> diff --git a/package.json b/package.json index 9d303c2..6d3a218 100644 --- a/package.json +++ b/package.json @@ -136,5 +136,8 @@ "exports": { "./tests/*": "./tests/*", "./*": "./app/*" + }, + "dependencies": { + "ember-phosphor-icons": "^0.3.0" } } diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 4cc9a63..ee94381 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -7,6 +7,10 @@ settings: importers: .: + dependencies: + ember-phosphor-icons: + specifier: ^0.3.0 + version: 0.3.0(@babel/core@7.25.2) devDependencies: '@babel/core': specifier: ^7.25.2 @@ -4072,6 +4076,9 @@ packages: peerDependencies: ember-source: '>= 3.28.0' + ember-phosphor-icons@0.3.0: + resolution: {integrity: sha512-wUfhgu0WEr4yszpRuQL9Yg4zmlYLVQ8FhxyTiD8Bl59ymMihzvPXFtVqIvNEeeyGO7RVJxomJiEx2Wp6fxKoGQ==} + ember-qunit@8.1.0: resolution: {integrity: sha512-55/xqvVQwhiNcnh/tCzWyvlYzrYqwDY0/cIPyDQbAxGKtkUt9jCfRUGllfyOofC6LX0fL/0fIi+5e9sg1m6vXw==} peerDependencies: @@ -13266,6 +13273,15 @@ snapshots: transitivePeerDependencies: - supports-color + ember-phosphor-icons@0.3.0(@babel/core@7.25.2): + dependencies: + '@embroider/addon-shim': 1.8.9 + '@glimmer/component': 1.1.2(@babel/core@7.25.2) + decorator-transforms: 1.2.1(@babel/core@7.25.2) + transitivePeerDependencies: + - '@babel/core' + - supports-color + ember-qunit@8.1.0(@ember/test-helpers@3.3.1(@babel/core@7.25.2)(@glint/template@1.4.0)(ember-source@5.11.0(@glimmer/component@1.1.2(@babel/core@7.25.2))(@glint/template@1.4.0)(rsvp@4.8.5)(webpack@5.94.0))(webpack@5.94.0))(@glint/template@1.4.0)(ember-source@5.11.0(@glimmer/component@1.1.2(@babel/core@7.25.2))(@glint/template@1.4.0)(rsvp@4.8.5)(webpack@5.94.0))(qunit@2.22.0): dependencies: '@ember/test-helpers': 3.3.1(@babel/core@7.25.2)(@glint/template@1.4.0)(ember-source@5.11.0(@glimmer/component@1.1.2(@babel/core@7.25.2))(@glint/template@1.4.0)(rsvp@4.8.5)(webpack@5.94.0))(webpack@5.94.0) diff --git a/translations/en-us.yaml b/translations/en-us.yaml index 1922489..3ad3a91 100644 --- a/translations/en-us.yaml +++ b/translations/en-us.yaml @@ -10,3 +10,6 @@ toggles: colour-stop: Colour stop export: button: Export +footer: + github: GitHub + linked-in: Original LinkedIn post