feat: more achievements

fezcode · fezcode · commit 5b0cbbad940b · 2025-12-03T02:34:30.000+03:00
diff --git a/src/components/Sidebar.js b/src/components/Sidebar.js
@@ -40,6 +40,7 @@ import Fez from './Fez';
 import { version } from '../version';
 import usePersistentState from '../hooks/usePersistentState';
 import { KEY_SIDEBAR_STATE } from '../utils/LocalStorageManager';
+import { useAchievements } from '../context/AchievementContext';
 
 const Sidebar = ({ isOpen, toggleSidebar, toggleModal, setIsPaletteOpen }) => {
   const [sidebarState, setSidebarState] = usePersistentState(
@@ -54,6 +55,7 @@ const Sidebar = ({ isOpen, toggleSidebar, toggleModal, setIsPaletteOpen }) => {
     },
   );
 
+  const { unlockAchievement } = useAchievements();
   const scrollRef = useRef(null);
   const [showScrollGradient, setShowScrollGradient] = useState({
     top: false,
@@ -412,6 +414,7 @@ const Sidebar = ({ isOpen, toggleSidebar, toggleModal, setIsPaletteOpen }) => {
           <div className="flex flex-col gap-2 mb-4">
             <NavLink
               to="/random"
+              onClick={() => unlockAchievement('feeling_lucky')}
               className="px-3 py-2 text-sm rounded-lg border border-gray-700/50 bg-gray-900/40 text-gray-300 hover:text-white hover:bg-gray-800/60 transition-colors duration-200 flex items-center justify-center gap-2 w-full font-mono"
             >
               <ShuffleIcon size={16} />
diff --git a/src/config/achievements.js b/src/config/achievements.js
@@ -20,6 +20,7 @@ import {
   LogIcon,
   KanbanIcon,
   PhoneIcon,
+  ShuffleIcon,
 } from '@phosphor-icons/react';
 
 export const ACHIEVEMENTS = [
@@ -346,4 +347,39 @@ export const ACHIEVEMENTS = [
     icon: <PhoneIcon size={32} weight="duotone" />,
     category: 'Secret',
   },
+  {
+    id: 'the_number_of_monkeys',
+    title: 'The Number of Monkeys',
+    description: 'Ask Bruce.',
+    icon: <ShuffleIcon size={32} weight="duotone" />,
+    category: 'Secret',
+  },
+  {
+    id: 'some_bodies_gonna_get_it',
+    title: 'Some Bodies Gonna Get It',
+    description: 'Mark Henry enters the ring...',
+    icon: <ShuffleIcon size={32} weight="duotone" />,
+    category: 'Secret',
+  },
+  {
+    id: 'fast_eyes',
+    title: 'Fast Eyes',
+    description: 'Shut and open the eyes quickly.',
+    icon: <ShuffleIcon size={32} weight="duotone" />,
+    category: 'Secret',
+  },
+  {
+    id: 'and_heartbreak',
+    title: '& Heartbreak',
+    description: 'And my head keeps spinning.',
+    icon: <ShuffleIcon size={32} weight="duotone" />,
+    category: 'Secret',
+  },
+  {
+    id: 'feeling_lucky',
+    title: 'Feeling Lucky',
+    description: 'Took a chance on the random button.',
+    icon: <ShuffleIcon size={32} weight="duotone" />,
+    category: 'Secret',
+  },
 ];
diff --git a/src/pages/apps/RotaryPhonePage.js b/src/pages/apps/RotaryPhonePage.js
@@ -55,6 +55,9 @@ const RotaryPhonePage = () => {
     '007': 'the_worst_agent',
     '314': 'pie',
     '12': 'the_number_of_monkeys',
+    '36': 'some_bodies_gonna_get_it',
+    '182': 'fast_eyes',
+    '808': 'and_heartbreak',
   }
 
   const handleCall = () => {

Original file line number	Diff line number	Diff line change
`@@ -55,6 +55,9 @@ const RotaryPhonePage = () => {`
`55`	`55`	`'007': 'the_worst_agent',`
`56`	`56`	`'314': 'pie',`
`57`	`57`	`'12': 'the_number_of_monkeys',`
	`58`	`+ '36': 'some_bodies_gonna_get_it',`
	`59`	`+ '182': 'fast_eyes',`
	`60`	`+ '808': 'and_heartbreak',`
`58`	`61`	`}`
`59`	`62`
`60`	`63`	`const handleCall = () => {`