Survey notices for Servers (#3514)

* Survey notices for Servers

* lint

* remove creepy frog

packages/ui/src/components/base/ServerNotice.vue

@@ -1,5 +1,11 @@
 <template>
-  <Admonition :type="NOTICE_TYPE[props.level]">
+  <div
+    v-if="level === 'survey'"
+    class="flex items-center gap-2 border-2 border-solid border-brand-purple bg-bg-purple p-4 rounded-2xl"
+  >
+    <span class="text-contrast font-bold">Survey ID:</span> <CopyCode :text="message" />
+  </div>
+  <Admonition v-else :type="NOTICE_TYPE[level]">
     <template #header>
       <template v-if="!hideDefaultTitle">
         {{ formatMessage(heading) }}
@@ -32,6 +38,7 @@ import { XIcon } from '@modrinth/assets'
 import { defineMessages, type MessageDescriptor, useVIntl } from '@vintl/vintl'
 import { computed } from 'vue'
 import ButtonStyled from './ButtonStyled.vue'
+import CopyCode from './CopyCode.vue'
 
 const { formatMessage } = useVIntl()
 const emit = defineEmits<{

packages/ui/src/utils/notices.ts

@@ -34,6 +34,16 @@ export const NOTICE_LEVELS: Record<
       bg: 'var(--color-red-bg)',
     },
   },
+  survey: {
+    name: defineMessage({
+      id: 'servers.notice.level.survey.name',
+      defaultMessage: 'Survey',
+    }),
+    colors: {
+      text: 'var(--color-purple)',
+      bg: 'var(--color-purple-bg)',
+    },
+  },
 }
 
 const DISMISSABLE = {