feat: profile card (#1319)

NIAEFEUP · Feb 6, 2025 · ac2a4a8 · ac2a4a8
2 parents 3a78367 + 881f3e5
commit ac2a4a8
Show file tree

Hide file tree

Showing 5 changed files with 109 additions and 26 deletions.
diff --git a/packages/uni_ui/lib/cards/course_grade_card.dart b/packages/uni_ui/lib/cards/course_grade_card.dart
@@ -6,17 +6,20 @@ class CourseGradeCard extends StatelessWidget {
       {required this.courseName,
       required this.ects,
       required this.grade,
+      required this.tooltip,
       super.key});
 
   final String courseName;
   final double ects;
   final double grade;
+  final String tooltip;
 
   @override
   Widget build(BuildContext context) {
     final theme = Theme.of(context);
     return GenericCard(
         key: key,
+        tooltip: tooltip,
         child: SizedBox(
           width: MediaQuery.of(context).size.width * 0.35,
           height: MediaQuery.of(context).size.height * 0.09,

diff --git a/packages/uni_ui/lib/cards/exam_card.dart b/packages/uni_ui/lib/cards/exam_card.dart
@@ -10,6 +10,7 @@ class ExamCard extends StatelessWidget {
     required this.acronym,
     required this.rooms,
     required this.type,
+    required this.tooltip,
     this.startTime,
     this.isInvisible = false,
     this.showIcon = true,
@@ -20,6 +21,7 @@ class ExamCard extends StatelessWidget {
   final String acronym;
   final List<String> rooms;
   final String type;
+  final String tooltip;
   final String? startTime;
   final bool isInvisible;
   final bool showIcon;
@@ -38,6 +40,7 @@ class ExamCard extends StatelessWidget {
       opacity: isInvisible ? 0.6 : 1.0,
       child: GenericCard(
         key: key,
+        tooltip: tooltip,
         child: Row(
           children: [
             Expanded(

diff --git a/packages/uni_ui/lib/cards/generic_card.dart b/packages/uni_ui/lib/cards/generic_card.dart
@@ -2,35 +2,50 @@ import 'package:figma_squircle/figma_squircle.dart';
 import 'package:flutter/material.dart';
 
 class GenericCard extends StatelessWidget {
-  const GenericCard(
-      {super.key,
-      this.margin,
-      this.padding,
-      this.color,
-      this.shadowColor,
-      this.borderRadius,
-      this.onClick,
-      this.child,
-      this.gradient});
+  const GenericCard({
+    super.key,
+    this.margin,
+    this.padding,
+    this.color,
+    this.shadowColor,
+    this.borderRadius,
+    this.onClick,
+    this.child,
+    this.gradient,
+    required this.tooltip,
+  });
 
   final EdgeInsetsGeometry? margin;
   final EdgeInsetsGeometry? padding;
   final Color? color;
   final Color? shadowColor;
   final double? borderRadius;
-  final Function? onClick;
+  final VoidCallback? onClick;
   final Widget? child;
   final Gradient? gradient;
+  final String tooltip;
 
   @override
   Widget build(BuildContext context) {
     final cardTheme = CardTheme.of(context);
     final theme = Theme.of(context);
 
-    return Padding(
-      padding: margin ?? cardTheme.margin ?? const EdgeInsets.all(4),
-      child: GestureDetector(
-        onTap: () => onClick,
+    return Tooltip(
+      message: tooltip,
+      child: Container(
+        margin: margin ?? cardTheme.margin ?? const EdgeInsets.all(4),
+        decoration: BoxDecoration(
+          boxShadow: [
+            BoxShadow(
+              color: shadowColor ??
+                  cardTheme.shadowColor ??
+                  Colors.black.withOpacity(0.03),
+              blurRadius: 12,
+              spreadRadius: -2,
+              offset: const Offset(0, 1),
+            ),
+          ],
+        ),
         child: ClipSmoothRect(
           radius: SmoothBorderRadius(
             cornerRadius: borderRadius ?? 20,
@@ -42,19 +57,14 @@ class GenericCard extends StatelessWidget {
                   cardTheme.color ??
                   theme.colorScheme.surfaceContainer,
               gradient: gradient,
-              boxShadow: [
-                BoxShadow(
-                  color: shadowColor ??
-                      cardTheme.shadowColor ??
-                      Colors.black.withOpacity(0.25),
-                  blurRadius: 6,
-                ),
-              ],
             ),
             child: Padding(
-                padding: padding ??
-                    const EdgeInsets.symmetric(vertical: 15, horizontal: 25),
-                child: child),
+              padding: padding ?? const EdgeInsets.all(10),
+              child: GestureDetector(
+                onTap: onClick,
+                child: child,
+              ),
+            ),
           ),
         ),
       ),

diff --git a/packages/uni_ui/lib/cards/profile_card.dart b/packages/uni_ui/lib/cards/profile_card.dart
@@ -0,0 +1,64 @@
+import 'package:flutter/material.dart';
+import 'package:phosphor_flutter/phosphor_flutter.dart';
+import 'package:uni_ui/cards/generic_card.dart';
+
+class ProfileCard extends StatelessWidget {
+  const ProfileCard({
+    super.key,
+    required this.label,
+    required this.content,
+    required this.tooltip,
+    this.onClick,
+  });
+
+  final String label;
+  final String content;
+  final String tooltip;
+  final VoidCallback? onClick;
+
+  @override
+  Widget build(BuildContext context) {
+    return Stack(
+      clipBehavior: Clip.none,
+      children: [
+        GenericCard(
+          tooltip: tooltip,
+          child: Column(
+            crossAxisAlignment: CrossAxisAlignment.start,
+            children: [
+              Text(
+                label,
+                overflow: TextOverflow.ellipsis,
+                style: Theme.of(context).textTheme.titleSmall!,
+              ),
+              Text(
+                content,
+                overflow: TextOverflow.ellipsis,
+              ),
+            ],
+          ),
+        ),
+        if (onClick != null)
+          Positioned(
+            bottom: -4,
+            right: 2,
+            child: GestureDetector(
+              onTap: onClick,
+              child: Container(
+                child: PhosphorIcon(
+                  PhosphorIcons.plus(PhosphorIconsStyle.light),
+                  color: Colors.white,
+                  size: 14,
+                ),
+                padding: EdgeInsets.all(3.0),
+                decoration: BoxDecoration(
+                  shape: BoxShape.circle,
+                  color: Theme.of(context).colorScheme.primary,
+                ),
+              ),
+            ),
+          ),
+      ],
+    );
+  }
+}
diff --git a/packages/uni_ui/lib/cards/service_card.dart b/packages/uni_ui/lib/cards/service_card.dart
@@ -7,15 +7,18 @@ class ServiceCard extends StatelessWidget {
     super.key,
     required this.name,
     required this.openingHours,
+    required this.tooltip,
   });
 
   final String name;
   final List<String> openingHours;
+  final String tooltip;
 
   @override
   Widget build(BuildContext context) {
     return GenericCard(
       key: key,
+      tooltip: tooltip,
       child: Column(
         crossAxisAlignment: CrossAxisAlignment.start,
         children: [