chore: Add sponsors (#205)

web/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.4.34",
+  "version": "0.4.35",
   "type": "module",
   "scripts": {
     "dev": "vite",

web/src/components/bug-report.list-item.tsx

@@ -5,14 +5,7 @@ import BugIcon from '../icons/bug.icon';
 const BugReportListItem = () => {
   const { t } = useTranslation();
 
-  return (
-    <ListItem
-      media={<BugIcon size={26} />}
-      title={t('root.bug-report')}
-      link
-      onClick={() => window.open('https://github.com/yurucam/exif-frame/issues/new?template=bug_report.md')}
-    />
-  );
+  return <ListItem media={<BugIcon size={26} />} title={t('root.bug-report')} link onClick={() => window.open('mailto:[email protected]?subject=[exif-frame] Bug Report')} />;
 };
 
 export default BugReportListItem;

web/src/components/sponsor.list-item.tsx

@@ -0,0 +1,11 @@
+import { ListItem } from 'konsta/react';
+import { useTranslation } from 'react-i18next';
+import SponsorsIcon from '../icons/sponsors.icon';
+
+const SponsorListItem = () => {
+  const { t } = useTranslation();
+
+  return <ListItem media={<SponsorsIcon size={26} />} title={t('root.sponsor')} link onClick={() => window.open('https://github.com/sponsors/yurucam')} />;
+};
+
+export default SponsorListItem;

web/src/icons/sponsors.icon.tsx

@@ -0,0 +1,12 @@
+import { Icon } from 'konsta/react';
+import { SiGithubsponsors } from 'react-icons/si';
+
+interface SponsorsIconProps {
+  size?: number;
+}
+
+const SponsorsIcon = ({ size }: SponsorsIconProps) => {
+  return <Icon ios={<SiGithubsponsors size={size} />} />;
+};
+
+export default SponsorsIcon;

web/src/locales/translations/en.json

@@ -38,6 +38,7 @@
   "root.bug-report": "Bug Report",
   "root.feature-request": "Feature Request",
   "root.loaded-photos": "Loaded Photos",
+  "root.sponsor": "Sponsor",
   "root.processing": "it may take a long time depending on device specifications.",
   "root.releases": "Releases",
   "root.override-metadata": "Override EXIF Metadata",

web/src/locales/translations/ja.json

@@ -38,6 +38,7 @@
   "root.bug-report": "バグ報告",
   "root.feature-request": "機能リクエスト",
   "root.loaded-photos": "読み込まれた写真",
+  "root.sponsor": "スポンサー",
   "root.processing": "機器の仕様によっては、時間がかかる場合があります。",
   "root.releases": "配布内訳",
   "root.override-metadata": "メタデータを上書き",

web/src/locales/translations/ko.json

@@ -38,6 +38,7 @@
   "root.bug-report": "버그 제보",
   "root.feature-request": "기능 제안",
   "root.loaded-photos": "불러온 사진들",
+  "root.sponsor": "후원하기",
   "root.processing": "기기 사양에 따라 시간이 오래 걸릴 수 있습니다.",
   "root.releases": "배포 내역",
   "root.override-metadata": "메타데이터 강제 변경",

web/src/pages/export-settings.tsx

@@ -17,7 +17,7 @@ import SettingsIcon from '../icons/settings.icon';
 import ImageIcon from '../icons/image.icon';
 import GenerateIcon from '../icons/generate.icon';
 import BugReportListItem from '../components/bug-report.list-item';
-import FeatureRequestListItem from '../components/feature-request.list-item';
+import SponsorListItem from '../components/sponsor.list-item';
 import ReleasesListItem from '../components/releases.list-item';
 import CurrentVersionListItem from '../components/current-version.list-item';
 import FocalLength35mmModeListItem from '../components/focal-length-35mm-mode.list-item';
@@ -65,7 +65,7 @@ const ExportSettingsPage = () => {
 
       <List strongIos inset>
         <BugReportListItem />
-        <FeatureRequestListItem />
+        <SponsorListItem />
         <ReleasesListItem />
       </List>