Merge pull request #55 from perimetre/3.4.2

3.4.2
perimetre · Jan 18, 2022 · 6b4a910 · 6b4a910
2 parents 1ba8de4 + 4ea7131
commit 6b4a910
Show file tree

Hide file tree

Showing 7 changed files with 14 additions and 7 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -25,6 +25,13 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ### Fixed
 
+## [3.4.2] 2022-01-18
+
+### Fixed
+
+- Fix font weight for buttons in cards
+- Fix the type issue in the percentage bar on ModuleCards
+
 ## [3.4.1] 2022-01-14
 
 ### Added

diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@perimetre/ui",
   "description": "A component library made by @perimetre",
-  "version": "3.4.1",
+  "version": "3.4.2",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/perimetre/ui.git"

diff --git a/src/components/EventCard/index.tsx b/src/components/EventCard/index.tsx
@@ -113,7 +113,7 @@ export const EventCard: React.FC<EventCardProps> = ({
             <p className="text-sm font-normal mr-2 min-w-20">{sponsorLabel}</p>
             <img src={imageUrl} alt="" className="w-full max-h-10" />
           </div>
-          <span className="inline-flex items-center pui-chip-bordered h-8 justify-items-end cursor-pointer">
+          <span className="inline-flex items-center pui-chip-bordered h-8 justify-items-end cursor-pointer font-bold">
             {buttonContent}
             <ArrowIcon className="h-4 w-4 ml-2" />
           </span>

diff --git a/src/components/ModuleCard/index.tsx b/src/components/ModuleCard/index.tsx
@@ -115,7 +115,7 @@ export const ModuleCard: React.FC<ModuleCardProps> = ({
         <div className="flex-1 inline-flex justify-end items-end w-full">
           <button
             onClick={onPressButton}
-            className="inline-flex items-center pui-chip-bordered h-8 justify-items-end cursor-pointer"
+            className="inline-flex items-center pui-chip-bordered h-8 justify-items-end cursor-pointer font-bold"
           >
             {buttonContent}
             <ArrowIcon className="h-4 w-4 ml-2" />

diff --git a/src/components/ProgramCard/index.css b/src/components/ProgramCard/index.css
@@ -11,6 +11,6 @@
   }
 
   .progress-bar {
-    @apply bg-pui-primary h-full w-1/2 rounded-full;
+    @apply bg-pui-primary rounded-full inline-block h-full;
   }
 }
diff --git a/src/components/ProgramCard/index.tsx b/src/components/ProgramCard/index.tsx
@@ -89,12 +89,12 @@ export const ProgramCard: React.FC<ProgramCardProps> = ({
         <h4 className="text-2xl font-bold mb-3">{title}</h4>
         <div className="w-full flex items-center justify-between mb-6">
           <div className="percentage-bar">
-            <span className="progress-bar"></span>
+            <span className="progress-bar" style={{ width: percentage + '%' }}></span>
           </div>
           {percentage}%
         </div>
         <div className="inline-flex justify-end items-center w-full">
-          <span className="inline-flex items-center pui-chip-bordered h-8 justify-items-end cursor-pointer">
+          <span className="inline-flex items-center pui-chip-bordered h-8 justify-items-end cursor-pointer font-bold">
             {buttonpercentage}
             <ArrowIcon className="h-4 w-4 ml-2" />
           </span>

diff --git a/src/components/WorkSessionCard/index.tsx b/src/components/WorkSessionCard/index.tsx
@@ -140,7 +140,7 @@ export const WorkSessionCard: React.FC<WorkSessionCardProps> = ({
               <p className="text-base font-semibold mr-2 min-w-20">{advisorName}</p>
             </div>
           </div>
-          <span className="inline-flex items-center pui-chip-bordered h-8 justify-items-end cursor-pointer">
+          <span className="inline-flex items-center pui-chip-bordered h-8 justify-items-end cursor-pointer font-bold">
             {buttonContent}
             <ArrowIcon className="h-4 w-4 ml-2" />
           </span>