removed typing from varnmala and added barahkhadi to it

recursivezero · Mar 1, 2025 · 468336d · 468336d
1 parent eda310c
commit 468336d
Show file tree

Hide file tree

Showing 8 changed files with 15 additions and 179 deletions.
diff --git a/src/assets/styles/barahkhadi/consonant.css → .../styles/varnmala/barahkhadi/consonant.css b/src/assets/styles/barahkhadi/consonant.css → .../styles/varnmala/barahkhadi/consonant.css
diff --git a/src/assets/styles/barahkhadi/index.css → ...sets/styles/varnmala/barahkhadi/index.css b/src/assets/styles/barahkhadi/index.css → ...sets/styles/varnmala/barahkhadi/index.css
@@ -1,6 +1,6 @@
 .container__barahkhadi {
   padding: 1rem;
-  height: 100%;
+  height: calc(100vh - 5rem);
   overflow-y: auto;
 
   & .consonants__rows {

diff --git a/src/assets/styles/varnmala/typing.css b/src/assets/styles/varnmala/typing.css
diff --git a/src/pages/barahkhadi/[consonant].astro → ...ges/varnmala/barahkhadi/[consonant].astro b/src/pages/barahkhadi/[consonant].astro → ...ges/varnmala/barahkhadi/[consonant].astro
@@ -1,5 +1,6 @@
 ---
-import "@/assets/styles/barahkhadi/consonant.css";
+import "@/assets/styles/varnmala/barahkhadi/consonant.css";
+import BackButton from "@/components/ui/backButton.astro";
 import BaseLayout from "@/layouts/Base";
 
 import { hindiConsonants as consonants, matras } from "@/utils/common";
@@ -16,7 +17,7 @@ const combinations = [consonant, ...Object.values(matras).map((matra) => consona
 <BaseLayout meta={{ title: `Barahkhadi - ${consonant}` }}>
   <div class="container__consonant">
     <div class="consonant__header">
-      <a href="/barahkhadi" class="back__link">← Back</a>
+      <BackButton />
       <h1>{consonant}</h1>
     </div>
     <div class="combinations__grid">

diff --git a/src/pages/barahkhadi/index.astro → src/pages/varnmala/barahkhadi/index.astro b/src/pages/barahkhadi/index.astro → src/pages/varnmala/barahkhadi/index.astro
@@ -1,6 +1,8 @@
 ---
 import BaseLayout from "@/layouts/Base";
-import "@/assets/styles/barahkhadi/index.css";
+import BackButton from "@/components/ui/backButton.astro";
+
+import "@/assets/styles/varnmala/barahkhadi/index.css";
 import { hindiConsonants, matras } from "@/utils/common";
 import Help from "@/components/Help.astro";
 
@@ -20,14 +22,16 @@ const consonants = [
   <Fragment slot="header-left">
     <Help title="Barahkhadi" description="This page displays the Hindi consonants and their variations." />
   </Fragment>
+
   <div class="container__barahkhadi">
+    <BackButton />
     {
       consonants.map((row) => (
         <div class="group__row">
           <div class="row__grid">
             {row.map((consonant) => (
               <div class="letter__card" data-active="false">
-                <a href={`/barahkhadi/${consonant}`} class="letter__link">
+                <a href={`/varnmala/barahkhadi/${consonant}`} class="letter__link">
                   <span class="consonant">{consonant}</span>
                 </a>
                 <button class="quick-view-btn">🔍</button>

diff --git a/src/pages/varnmala/index.astro b/src/pages/varnmala/index.astro
@@ -13,15 +13,15 @@ const sections = [
     description: "Learn English alphabets",
     href: "english"
   },
-  {
-    title: "Typing",
-    description: "Practice typing alphabets",
-    href: "typing"
-  },
   {
     title: "Reader",
     description: "Practice reading alphabets with audio support",
     href: "reader"
+  },
+  {
+    title: "Barahkhadi",
+    description: "Learn the basic barahkhadi characters",
+    href: "barahkhadi"
   }
 ];
 ---

diff --git a/src/pages/varnmala/typing.astro b/src/pages/varnmala/typing.astro
diff --git a/src/utils/constants.ts b/src/utils/constants.ts
@@ -30,12 +30,6 @@ export const NavbarLinks: LinkProps[] = [
     path: "/panel",
     isActive: true
   },
-  {
-    name: "Barahkhadi",
-    title: "Barahkhadi",
-    path: "/barahkhadi",
-    isActive: true
-  },
   {
     name: "Record",
     title: "Record",