fix: DatePicker by passing in Timezone to API (#2770)

* Fix DatePicker by passing in Timezone to API

* Add some clarity

api/v2/memo_service.go

@@ -446,9 +446,14 @@ func (s *APIV2Service) GetUserMemosStats(ctx context.Context, request *apiv2pb.G
 		return nil, status.Errorf(codes.Internal, "failed to list memos")
 	}
 
+	location, err := time.LoadLocation(request.Timezone)
+	if err != nil {
+		return nil, status.Errorf(codes.Internal, "invalid timezone location")
+	}
+
 	creationStats := make(map[string]int32)
 	for _, memo := range memos {
-		creationStats[time.Unix(memo.CreatedTs, 0).Format("2006-01-02")]++
+		creationStats[time.Unix(memo.CreatedTs, 0).In(location).Format("2006-01-02")]++
 	}
 
 	response := &apiv2pb.GetUserMemosStatsResponse{

proto/api/v2/memo_service.proto

@@ -236,6 +236,11 @@ message GetUserMemosStatsRequest {
   // name is the name of the user to get stats for.
   // Format: users/{username}
   string name = 1;
+
+  // timezone location
+  // Format: uses tz identifier
+  // https://en.wikipedia.org/wiki/List_of_tz_database_time_zones
+  string timezone = 2;
 }
 
 message GetUserMemosStatsResponse {

proto/gen/api/v2/README.md

@@ -1779,6 +1779,7 @@
 | Field | Type | Label | Description |
 | ----- | ---- | ----- | ----------- |
 | name | [string](#string) |  | name is the name of the user to get stats for. Format: users/{username} |
+| timezone | [string](#string) |  | timezone location Format: uses tz identifier https://en.wikipedia.org/wiki/List_of_tz_database_time_zones |
 
 
 

web/src/components/PersonalStatistics.tsx

@@ -28,6 +28,7 @@ const PersonalStatistics = (props: Props) => {
       setIsRequesting(true);
       const { memoCreationStats } = await memoServiceClient.getUserMemosStats({
         name: user.name,
+        timezone: Intl.DateTimeFormat().resolvedOptions().timeZone,
       });
       setIsRequesting(false);
       setMemoAmount(Object.values(memoCreationStats).reduce((acc, cur) => acc + cur, 0));

web/src/components/kit/DatePicker.tsx

@@ -38,6 +38,7 @@ const DatePicker: React.FC<DatePickerProps> = (props: DatePickerProps) => {
     (async () => {
       const { memoCreationStats } = await memoServiceClient.getUserMemosStats({
         name: user.name,
+        timezone: Intl.DateTimeFormat().resolvedOptions().timeZone,
       });
       const m = new Map();
       Object.entries(memoCreationStats).forEach(([k]) => {