forked from MapComplete/MapComplete
		
	UX: center "data is loading" when adding a new point
This commit is contained in:
		
							parent
							
								
									31312c2dc6
								
							
						
					
					
						commit
						c53034d305
					
				
					 1 changed files with 3 additions and 2 deletions
				
			
		| 
						 | 
					@ -78,7 +78,7 @@
 | 
				
			||||||
 | 
					
 | 
				
			||||||
  const isLoading = state.dataIsLoading
 | 
					  const isLoading = state.dataIsLoading
 | 
				
			||||||
  let preciseCoordinate: UIEventSource<{ lon: number; lat: number }> = new UIEventSource(undefined)
 | 
					  let preciseCoordinate: UIEventSource<{ lon: number; lat: number }> = new UIEventSource(undefined)
 | 
				
			||||||
  let snappedToObject: UIEventSource<WayId> = new UIEventSource<string>(undefined)
 | 
					  let snappedToObject: UIEventSource<WayId> = new UIEventSource<WayId>(undefined)
 | 
				
			||||||
 | 
					
 | 
				
			||||||
  // Small helper variable: if the map is tapped, we should let the 'Next'-button grab some attention as users have to click _that_ to continue, not the map
 | 
					  // Small helper variable: if the map is tapped, we should let the 'Next'-button grab some attention as users have to click _that_ to continue, not the map
 | 
				
			||||||
  let preciseInputIsTapped = false
 | 
					  let preciseInputIsTapped = false
 | 
				
			||||||
| 
						 | 
					@ -172,11 +172,13 @@
 | 
				
			||||||
        <Tr t={Translations.t.general.add.zoomInFurther} />
 | 
					        <Tr t={Translations.t.general.add.zoomInFurther} />
 | 
				
			||||||
      </div>
 | 
					      </div>
 | 
				
			||||||
    {:else if $isLoading}
 | 
					    {:else if $isLoading}
 | 
				
			||||||
 | 
					      <div class="w-full h-full p-2 flex items-center justify-center">
 | 
				
			||||||
      <div class="alert">
 | 
					      <div class="alert">
 | 
				
			||||||
        <Loading>
 | 
					        <Loading>
 | 
				
			||||||
          <Tr t={Translations.t.general.add.stillLoading} />
 | 
					          <Tr t={Translations.t.general.add.stillLoading} />
 | 
				
			||||||
        </Loading>
 | 
					        </Loading>
 | 
				
			||||||
      </div>
 | 
					      </div>
 | 
				
			||||||
 | 
					      </div>
 | 
				
			||||||
    {:else if selectedPreset === undefined}
 | 
					    {:else if selectedPreset === undefined}
 | 
				
			||||||
      <!-- First, select the correct preset -->
 | 
					      <!-- First, select the correct preset -->
 | 
				
			||||||
      <PresetList
 | 
					      <PresetList
 | 
				
			||||||
| 
						 | 
					@ -285,7 +287,6 @@
 | 
				
			||||||
        {/if}
 | 
					        {/if}
 | 
				
			||||||
        <TagHint
 | 
					        <TagHint
 | 
				
			||||||
          embedIn={(tags) => t.presetInfo.Subs({ tags })}
 | 
					          embedIn={(tags) => t.presetInfo.Subs({ tags })}
 | 
				
			||||||
          {state}
 | 
					 | 
				
			||||||
          tags={new And(selectedPreset.preset.tags)}
 | 
					          tags={new And(selectedPreset.preset.tags)}
 | 
				
			||||||
        />
 | 
					        />
 | 
				
			||||||
 | 
					
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue