add new location widget

src/components/Widgets/LocationWidget/LocationWidget.jsx

@@ -0,0 +1,45 @@
+import { Component } from "react";
+import { FormattedMessage } from "react-intl";
+import { WidgetDataTarget, registerWidgetType } from "../../../services/Widget/Widget";
+import QuickWidget from "../../QuickWidget/QuickWidget";
+import PlaceDescription from "../../TaskPane/PlaceDescription/PlaceDescription";
+import TaskLatLon from "../../TaskPane/TaskLatLon/TaskLatLon";
+import messages from "./Messages";
+
+const descriptor = {
+  widgetKey: "TaskLocationWidget",
+  label: messages.label,
+  targets: [WidgetDataTarget.task],
+  minWidth: 4,
+  defaultWidth: 4,
+  minHeight: 4,
+  defaultHeight: 4,
+};
+
+export default class TaskLocationWidget extends Component {
+  toggleReverseLonLat = (reverseLonLat) => {
+    this.props.updateUserAppSetting(this.props.user.id, {
+      reverseLonLat: !reverseLonLat,
+    });
+  };
+
+  render() {
+    const reverseLonLat =
+      this.props.user?.properties?.mr3Frontend?.settings?.reverseLonLat || false;
+
+    return (
+      <QuickWidget
+        {...this.props}
+        className="task-location-widget"
+        widgetTitle={<FormattedMessage {...messages.label} />}
+        noMain
+      >
+        <PlaceDescription address={this.props.task.place?.address} className="mr-text-md " />
+
+        <TaskLatLon task={this.props.task} reverse={reverseLonLat} className="mr-text-xs mr-mt-3" />
+      </QuickWidget>
+    );
+  }
+}
+
+registerWidgetType(TaskLocationWidget, descriptor);

src/components/Widgets/LocationWidget/Messages.js

@@ -0,0 +1,11 @@
+import { defineMessages } from "react-intl";
+
+/**
+ * Internationalized messages for use with TaskLocationWidget
+ */
+export default defineMessages({
+  label: {
+    id: "Widgets.TaskLocationWidget.label",
+    defaultMessage: "Location",
+  },
+});

src/components/Widgets/widget_registry.js

@@ -27,6 +27,7 @@ export { default as TaskMoreOptionsWidget } from "./TaskMoreOptionsWidget/TaskMo
 export { default as TaskPropertiesWidget } from "./TaskPropertiesWidget/TaskPropertiesWidget";
 export { default as KeyboardShortcutsWidget } from "./KeyboardShortcutsWidget/KeyboardShortcutsWidget";
 export { default as TaskLocationWidget } from "./TaskLocationWidget/TaskLocationWidget";
+export { default as LocationWidget } from "./LocationWidget/LocationWidget";
 export { default as TaskStatusWidget } from "./TaskStatusWidget/TaskStatusWidget";
 export { default as CompletionProgressWidget } from "./CompletionProgressWidget/CompletionProgressWidget";
 export { default as ChallengeShareWidget } from "./ChallengeShareWidget/ChallengeShareWidget";