Files
api/web/components/UpdateOs/ThirdPartyDrivers.vue
Michael Datelle 741e8532ab refactor: unraid-ui-web-migration (#1106)
<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->
## Summary by CodeRabbit

- **New Features**
- Introduced enhanced stepper components for smoother multi-step
interactions.
- Added new loading indicators and improved the loading experience with
customizable variants.
  
- **UI Improvements**
- Refreshed the global color palette and updated styling across buttons,
badges, and loading indicators for a more modern, consistent experience.
- Improved the organization and readability of templates and styles
across various components.

- **Code & Dependency Updates**
- Updated key dependencies and revised the theme and configuration
settings to improve performance and maintainability.
- Introduced new environment variables for better configuration
management.

- **Legacy Cleanup**
- Removed deprecated components and streamlined registrations to
simplify the codebase without affecting end-user functionality.
- Eliminated unused utility functions and legacy code to enhance overall
code quality.
<!-- end of auto-generated comment: release notes by coderabbit.ai -->

---------

Co-authored-by: mdatelle <mike@datelle.net>
Co-authored-by: Eli Bosley <ekbosley@gmail.com>
2025-02-12 18:00:06 -05:00

39 lines
1.4 KiB
Vue

<script lang="ts" setup>
import { storeToRefs } from 'pinia';
import { ExclamationTriangleIcon } from '@heroicons/vue/24/solid';
import { CardWrapper } from '@unraid/ui';
import type { ComposerTranslation } from 'vue-i18n';
import { useUpdateOsActionsStore } from '~/store/updateOsActions';
defineProps<{
t: ComposerTranslation;
}>();
const { rebootTypeText } = storeToRefs(useUpdateOsActionsStore());
</script>
<template>
<CardWrapper :increased-padding="true">
<div class="flex flex-col sm:flex-row sm:justify-between sm:items-start gap-20px sm:gap-24px">
<div class="grid gap-y-16px">
<h3 class="text-20px font-semibold leading-normal flex flex-row items-center gap-8px">
<ExclamationTriangleIcon class="w-20px shrink-0" />
{{ t(rebootTypeText) }}
</h3>
<div class="text-16px leading-relaxed opacity-75 whitespace-normal">
<p>
{{
t(
'During the Unraid OS update process third-party drivers were detected and are currently being updated in the background. Please wait for those to finish downloading before rebooting your server to complete the update process. You should receive a system notification when complete. You may also refresh this page to check for an updated status.'
)
}}
</p>
</div>
</div>
</div>
</CardWrapper>
</template>