Merge pull request #256 from afspeirs/develop

Develop

.version

@@ -1 +1 @@
-1.0.0
+1.0.0-develop.3

package.json

@@ -1,7 +1,7 @@
 {
   "name": "note-me",
   "private": true,
-  "version": "1.0.0",
+  "version": "1.0.0-develop.3",
   "type": "module",
   "scripts": {
     "start": "vite",

scripts/webmanifest.js

@@ -2,7 +2,7 @@ import { readFile, writeFile } from 'fs';
 
 readFile('./dist/manifest.webmanifest', 'utf8', (err, data) => {
   const webmanifest = JSON.parse(data);
-  const branchName = process.env.HEAD;
+  const branchName = process.env.HEAD || 'local';
 
   if (branchName && branchName !== 'main') {
     webmanifest.name += ` (${branchName})`;
@@ -11,7 +11,7 @@ readFile('./dist/manifest.webmanifest', 'utf8', (err, data) => {
   const webmanifestApple = JSON.parse(JSON.stringify(webmanifest));
   webmanifestApple.icons = [
     {
-      src: '/icon-512x512-apple.png',
+      src: '/icon-apple-512x512.png',
       sizes: '512x512',
       type: 'image/png',
     },

src/components/Page/index.tsx

@@ -2,6 +2,7 @@ import { useAtom } from 'jotai';
 import { ChevronLeftIcon, MenuIcon } from 'lucide-react';
 import { Helmet } from 'react-helmet-async';
 import { useHotkeys } from 'react-hotkeys-hook';
+import { useNavigate } from 'react-router-dom';
 
 import { Button } from '@/components/Button';
 import { drawerOpenAtom } from '@/context/navigation';
@@ -14,11 +15,17 @@ export function Page({
 }: PageProps) {
   const [open, setOpen] = useAtom(drawerOpenAtom);
   const toggleOpen = () => setOpen((prevState) => !prevState);
+  const navigate = useNavigate();
 
   useHotkeys('ctrl+b, meta+b', toggleOpen, {
     enableOnFormTags: true,
   });
 
+  useHotkeys('ctrl+n, meta+n', () => navigate('/note/'), {
+    enableOnFormTags: true,
+    preventDefault: true,
+  });
+
   return (
     <>
       <Helmet>

src/components/Sidebar/Footer.tsx

@@ -8,7 +8,7 @@ import { Tooltip } from '@/components/Tooltip';
 export function Footer() {
   return (
     <Card as="nav" aria-label="sidebar footer">
-      <ul role="list" className="flex gap-1 p-2">
+      <ul role="list" className="flex gap-2 p-2">
         <li className="flex-1">
           <Button
             Icon={PlusIcon}

src/main.tsx

@@ -3,7 +3,7 @@ import { StrictMode } from 'react';
 import { createRoot } from 'react-dom/client';
 
 import { App } from '@/App';
-import '@/index.css';
+import '@/main.css';
 import '@/webmanifest-apple';
 
 createRoot(document.getElementById('root') as HTMLElement).render(