update pages to include recent events

webapp/src/components/DFMapPopup.vue

@@ -1,7 +1,12 @@
 <template>
-  <v-sheet width="220">
+  <v-sheet min-width="240">
     <!--  TODO: if a field is unknown, prompt user to edit it -->
-    <v-img cover width="100%" height="120px" src="/alprs/flock-3.jpg" />
+    <div class="position-relative">
+      <v-img v-if="imageUrl" cover width="100%" height="150px" :src="imageUrl" class="rounded mt-5" />
+      <div v-if="imageUrl" class="position-absolute bottom-0 left-0 right-0 text-center text-white text-caption" style="background: rgba(0, 0, 0, 0.5);">
+        {{ manufacturer }} ALPR
+      </div>
+    </div>
     <v-list density="compact" class="my-2">
       <v-list-item>
         <template v-slot:prepend>
@@ -18,11 +23,12 @@
           </span>
         </b>
 
-        <template v-slot:append>
+        <!-- TODO: add transparency portal link if exists -->
+        <!-- <template v-slot:append>
           <v-btn icon size="small" variant="text" :href="transparencyLink" target="_blank" color="primary">
             <v-icon icon="mdi-open-in-new"></v-icon>
           </v-btn>
-        </template>
+        </template> -->
       </v-list-item>
 
       <v-divider class="my-2" />
@@ -52,7 +58,7 @@
 
 <script setup lang="ts">
 import { computed } from 'vue';
-import type { PropType } from 'vue';
+import type { ComputedRef, PropType } from 'vue';
 import type { ALPR } from '@/types';
 import { VIcon, VList, VSheet, VListItem, VBtn, VImg, VListItemSubtitle, VDivider } from 'vuetify/components';
 
@@ -72,6 +78,18 @@ const transparencyLink = computed(() => {
   return `https://transparency.flocksafety.com/boulder-co-pd`;
 });
 
+const imageUrl: ComputedRef<string|undefined> = computed(() => {
+  const mft2Url: Record<string, string> = {
+    'Flock Safety': '/alprs/flock-1.jpg',
+    'Motorola Solutions': '/alprs/motorola-4.jpg',
+    'Genetec': '/alprs/genetec-3.webp',
+    'Leonardo': '/alprs/elsag-1.jpg',
+    'Neology, Inc.': '/alprs/neology-2.jpg',
+  }
+
+  return mft2Url[manufacturer.value];
+});
+
 const abbreviatedOperator = computed(() => {
   if (props.alpr.tags.operator === undefined) {
     return 'Unknown';

webapp/src/components/Dangers.vue

@@ -82,7 +82,9 @@
         </p>
         <ul>
           <li>
-            <a href="https://inewsource.org/2022/01/06/police-share-license-plate-data/" target="_blank">Police in San Diego County breaking the law sharing drivers' data</a>
+            <a href="https://www.404media.co/a-texas-cop-searched-license-plate-cameras-nationwide-for-a-woman-who-got-an-abortion/" target="_blank">
+              Texas police used Flock ALPRs to track an abortion seeker across state lines
+            </a>
           </li>
           <li>
             <a href="https://www.kwch.com/2022/10/31/kechi-police-lieutenant-arrested-using-police-technology-stalk-wife/" target="_blank">A police officer used Flock Safety ALPRs to stalk his estranged wife in Kechi, KS</a>
@@ -96,6 +98,9 @@
           <li>
             <a href="https://information.auditor.ca.gov/pdfs/reports/2019-118.pdf" target="_blank">California agencies keeping data longer than necessary and sharing it with unauthorized agencies</a>
           </li>
+          <li>
+            <a href="https://inewsource.org/2022/01/06/police-share-license-plate-data/" target="_blank">Police in San Diego County breaking the law sharing drivers' data</a>
+          </li>
         </ul>
       </v-expansion-panel-text>
     </v-expansion-panel>
@@ -155,6 +160,11 @@
           Police agencies frequently share ALPR data with ICE, putting undocumented people at risk, even in states where this is legally prohibited:
         </p>
         <ul>
+          <li>
+            <a href="https://www.404media.co/ice-taps-into-nationwide-ai-enabled-camera-network-data-shows/" target="_blank">
+              ICE Taps Into Flock's Nationwide Camera Network, Data Shows
+            </a>
+          </li>
           <li>
             <a href="https://www.latimes.com/business/technology/story/2020-12-21/pasadena-long-beach-police-ice-automated-license-plate-reader-data" target="_blank">Police in Pasadena, Long Beach pledged not to send license plate data to ICE. They shared it anyway.</a>
           </li>