mirror of
https://github.com/Memo-2023/mana-monorepo.git
synced 2026-05-17 18:09:40 +02:00
ee42b6cc76
## New Features ### Network Graph Visualization (Contacts, Calendar, Todo) - D3.js force simulation for physics-based layout - Zoom & pan with mouse/touchpad - Keyboard shortcuts: +/- zoom, 0 reset, Esc deselect, / search, F focus - Filtering by tags, company/location/project, connection strength - Shared components in @manacore/shared-ui ### Central Tags API (mana-core-auth) - CRUD endpoints for tags - Schema: tags table with userId, name, color, app - Shared tag components in @manacore/shared-ui ### Custom Themes System - Theme editor with live preview and color picker - Community theme gallery - Theme sharing (public, unlisted, private) - Backend API in mana-core-auth ### Todo App Extensions - Glass-pill design for task input and items - Settings page with 20+ preferences - Task edit modal with inline editing - Statistics page with visualizations - PWA support with offline capabilities - Multiple kanban boards ### Contacts App Features - Duplicate detection - Photo upload - Batch operations - Enhanced favorites page with multiple view modes - Alphabet view improvements - Search modal ### Help System - @manacore/shared-help-content - @manacore/shared-help-ui - @manacore/shared-help-types ### Other Features - Themes page for all apps - Referral system frontend - CommandBar (global search) - Skeleton loaders - Settings page improvements ## Bug Fixes - Network graph simulation initialization - Database schema TEXT for user_id columns (Better Auth compatibility) - Various styling fixes ## Documentation - Daily report for 2025-12-10 - CI/CD deployment guide 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
71 lines
2.2 KiB
TypeScript
71 lines
2.2 KiB
TypeScript
/**
|
||
* Contact Card component for mobile
|
||
*/
|
||
|
||
import React from 'react';
|
||
import { View, Text, TouchableOpacity, Linking } from 'react-native';
|
||
import type { ContactInfo } from '@manacore/shared-help-types';
|
||
import type { HelpTranslations } from '../types';
|
||
|
||
interface ContactCardProps {
|
||
contact: ContactInfo | null;
|
||
translations: Pick<HelpTranslations, 'contact'>;
|
||
}
|
||
|
||
export function ContactCard({ contact, translations }: ContactCardProps) {
|
||
if (!contact) {
|
||
return (
|
||
<View className="py-8 items-center">
|
||
<Text className="text-gray-500 dark:text-gray-400">{translations.contact.noInfo}</Text>
|
||
</View>
|
||
);
|
||
}
|
||
|
||
function handleEmailPress() {
|
||
if (contact.supportEmail) {
|
||
Linking.openURL(`mailto:${contact.supportEmail}`);
|
||
}
|
||
}
|
||
|
||
// Strip HTML tags for mobile display
|
||
const plainContent = contact.content.replace(/<[^>]*>/g, '').trim();
|
||
|
||
return (
|
||
<View>
|
||
{plainContent && (
|
||
<Text className="text-gray-600 dark:text-gray-300 text-sm leading-relaxed mb-4">
|
||
{plainContent}
|
||
</Text>
|
||
)}
|
||
|
||
{contact.supportEmail && (
|
||
<TouchableOpacity
|
||
onPress={handleEmailPress}
|
||
className="flex-row items-center bg-white dark:bg-gray-800 rounded-xl p-4 mb-3 border border-gray-200 dark:border-gray-700"
|
||
>
|
||
<View className="w-10 h-10 rounded-full bg-blue-100 dark:bg-blue-900/30 items-center justify-center mr-3">
|
||
<Text>✉️</Text>
|
||
</View>
|
||
<View className="flex-1">
|
||
<Text className="font-medium text-gray-900 dark:text-gray-100">
|
||
{translations.contact.email}
|
||
</Text>
|
||
<Text className="text-sm text-gray-600 dark:text-gray-400">{contact.supportEmail}</Text>
|
||
</View>
|
||
</TouchableOpacity>
|
||
)}
|
||
|
||
{contact.responseTime && (
|
||
<View className="flex-row items-center bg-white dark:bg-gray-800 rounded-xl p-4 border border-gray-200 dark:border-gray-700">
|
||
<View className="w-10 h-10 rounded-full bg-green-100 dark:bg-green-900/30 items-center justify-center mr-3">
|
||
<Text>⏱️</Text>
|
||
</View>
|
||
<View className="flex-1">
|
||
<Text className="font-medium text-gray-900 dark:text-gray-100">Response Time</Text>
|
||
<Text className="text-sm text-gray-600 dark:text-gray-400">{contact.responseTime}</Text>
|
||
</View>
|
||
</View>
|
||
)}
|
||
</View>
|
||
);
|
||
}
|