refactor: show support link only for senseboxes, rename column to device (#859)

Author: scheidtdav

app/components/header/menu/index.tsx

@@ -129,14 +129,6 @@ export default function Menu() {
 						</DropdownMenuGroup>
 					)}
 					<DropdownMenuGroup>
-						<Link to="https://docs.sensebox.de/" target="_blank">
-							<DropdownMenuItem className="cursor-pointer">
-								<Puzzle className="mr-2 h-5 w-5" />
-								<span>{t('tutorials_label')}</span>
-								<ExternalLink className="ml-auto h-4 w-4 text-gray-300" />
-							</DropdownMenuItem>
-						</Link>
-
 						<Link to="https://docs.opensensemap.org/" target="_blank">
 							<DropdownMenuItem className="cursor-pointer">
 								<Globe className="mr-2 h-5 w-5" />
@@ -155,12 +147,7 @@ export default function Menu() {
 						</Link>
 					</DropdownMenuGroup>
 					<DropdownMenuGroup>
-						<Link
-							to={
-								'/terms'
-							}
-							target="_blank"
-						>
+						<Link to={'/terms'} target="_blank">
 							<DropdownMenuItem
 								onSelect={(e) => e.preventDefault()}
 								className="cursor-pointer"

app/components/mydevices/dt/columns.tsx

@@ -26,6 +26,7 @@ export type SenseBox = {
 	exposure: Device['exposure']
 	createdAt: Date
 	archivedAt: Date | null
+	model: Device['model']
 	// model: string;
 }
 
@@ -129,7 +130,7 @@ export function getColumns(
 		{
 			accessorKey: 'id',
 			header: () => (
-				<div className="pl-0 dark:text-white">{t('sensebox_id')}</div>
+				<div className="pl-0 dark:text-white">{t('device_id')}</div>
 			),
 			cell: ({ row }) => {
 				const device = row.original
@@ -195,15 +196,19 @@ export function getColumns(
 										</a>
 									)}
 								</DropdownMenuItem>
-								<DropdownMenuItem disabled={isArchived} asChild>
-									<a
-										href="https://sensebox.de/de/go-home"
-										target="_blank"
-										rel="noopener noreferrer"
-									>
-										{t('support')}
-									</a>
-								</DropdownMenuItem>
+								{((device.model?.toLowerCase() ?? '').indexOf('sensebox') >=
+									0 ||
+									(device.model?.toLowerCase() ?? '').indexOf('home') >= 0) && (
+									<DropdownMenuItem disabled={isArchived} asChild>
+										<a
+											href="https://sensebox.de/de/go-home"
+											target="_blank"
+											rel="noopener noreferrer"
+										>
+											{t('support')}
+										</a>
+									</DropdownMenuItem>
+								)}
 								<DropdownMenuItem
 									asChild
 									onClick={() => navigator.clipboard.writeText(device.id)}

public/locales/de/data-table.json

@@ -9,7 +9,7 @@
 	"next_page": "Nächste Seite",
 	"last_page": "Letzte Seite",
 
-	"sensebox_id": "Sensebox ID",
+	"device_id": "Device ID",
 	"actions": "Aktionen",
 	"name": "Name",
 	"createdAt": "Erstellt am",

public/locales/en/data-table.json

@@ -9,7 +9,7 @@
 	"next_page": "Next page",
 	"last_page": "Last page",
 
-	"sensebox_id": "Sensebox ID",
+	"device_id": "Device ID",
 	"actions": "Actions",
 	"name": "Name",
 	"createdAt": "Created at",