mirror of
https://github.com/unraid/api.git
synced 2026-05-05 06:33:03 -05:00
Eli Bosley
39e83b2aa1
<!-- This is an auto-generated comment: release notes by coderabbit.ai --> ## Summary by CodeRabbit - **New Features** - Added comprehensive activation code customization service with dynamic theming, partner branding, and UI updates. - Introduced new GraphQL types and public queries for activation code, partner info, and theme data. - Implemented new web UI stores and components for activation modal, partner logos, and theme management. - **Improvements** - Removed legacy activation code scripts, PHP components, and plugin references, streamlining activation logic. - Enhanced configuration and environment support for activation and theming features. - Improved error handling, validation, and type safety in activation and customization modules. - **Bug Fixes** - Fixed color code validation and path handling in customization service. - **Chores** - Added pre-commit linting hooks and related configuration. - Cleaned up test and development environment files. - **Tests** - Added extensive tests covering activation customization service initialization, data handling, and file modifications. - Removed obsolete tests related to legacy activation code store. - **Refactor** - Migrated activation and partner branding logic from legacy scripts and PHP to TypeScript services and GraphQL resolvers. - Reorganized store and component architecture for activation-related features. - **Style** - Updated UI components for improved branding, theming, accessibility, and layout consistency. <!-- end of auto-generated comment: release notes by coderabbit.ai --> --------- Co-authored-by: Zack Spear <hi@zackspear.com>
23 lines
696 B
Vue
23 lines
696 B
Vue
<script lang="ts" setup>
|
|
/**
|
|
* The actual image should be full black filled #000000.
|
|
* This allows us to use the `invert` class to change the color to white when displayed in dark mode.
|
|
*/
|
|
import { storeToRefs } from 'pinia';
|
|
|
|
import { useActivationCodeDataStore } from '~/components/Activation/store/activationCodeData';
|
|
import { useThemeStore } from '~/store/theme';
|
|
|
|
const { partnerInfo } = storeToRefs(useActivationCodeDataStore());
|
|
const { darkMode } = storeToRefs(useThemeStore());
|
|
</script>
|
|
|
|
<template>
|
|
<img
|
|
v-if="partnerInfo?.partnerLogoUrl"
|
|
:src="partnerInfo?.partnerLogoUrl"
|
|
class="w-72"
|
|
:class="{ invert: darkMode && partnerInfo.hasPartnerLogo }"
|
|
/>
|
|
</template>
|