diff --git a/src/app/features/collections/collections.component.ts b/src/app/features/collections/collections.component.ts
index 763278786..84fa26121 100644
--- a/src/app/features/collections/collections.component.ts
+++ b/src/app/features/collections/collections.component.ts
@@ -3,7 +3,6 @@ import { TranslatePipe, TranslateService } from '@ngx-translate/core';
import { Button } from 'primeng/button';
import { DialogService } from 'primeng/dynamicdialog';
-import { NgOptimizedImage } from '@angular/common';
import { ChangeDetectionStrategy, Component, inject } from '@angular/core';
import { FormControl } from '@angular/forms';
@@ -12,7 +11,7 @@ import { SearchInputComponent } from '@shared/components';
@Component({
selector: 'osf-collections',
- imports: [NgOptimizedImage, SearchInputComponent, TranslatePipe, Button, CollectionsMainContentComponent],
+ imports: [SearchInputComponent, TranslatePipe, Button, CollectionsMainContentComponent],
templateUrl: './collections.component.html',
styleUrl: './collections.component.scss',
providers: [DialogService],
diff --git a/src/app/features/my-profile/components/my-profile-filter-chips/my-profile-filter-chips.component.scss b/src/app/features/my-profile/components/my-profile-filter-chips/my-profile-filter-chips.component.scss
index 97920b501..1d02e27aa 100644
--- a/src/app/features/my-profile/components/my-profile-filter-chips/my-profile-filter-chips.component.scss
+++ b/src/app/features/my-profile/components/my-profile-filter-chips/my-profile-filter-chips.component.scss
@@ -1,13 +1,15 @@
+@use "assets/styles/variables" as var;
+
:host {
display: flex;
flex-direction: column;
gap: 0.4rem;
- @media (max-width: 1200px) {
+ @media (max-width: var.$breakpoint-xl) {
flex-direction: row;
}
- @media (max-width: 600px) {
+ @media (max-width: var.$breakpoint-sm) {
flex-direction: column;
}
}
diff --git a/src/app/features/my-profile/components/my-profile-search/my-profile-search.component.html b/src/app/features/my-profile/components/my-profile-search/my-profile-search.component.html
index a2119d45b..386a3cac3 100644
--- a/src/app/features/my-profile/components/my-profile-search/my-profile-search.component.html
+++ b/src/app/features/my-profile/components/my-profile-search/my-profile-search.component.html
@@ -1,16 +1,10 @@
-
![better-research]()
-
@@ -24,67 +18,11 @@
Files
}
-
-
-
-
-
-
-
-
- @if (currentStep === 1) {
-
-
Improved OSF Search
-
- Enter any term in the search box and filter by specific object types. More information is available on our
- help guides.
-
-
-
- }
-
- @if (currentStep === 2) {
-
-
Refine Your Search
-
- Narrow the source, discipline, and more. For example, find content supported by a specific funder or view only
- datasets.
-
-
-
- }
-
- @if (currentStep === 3) {
-
-
Add Metadata
-
- Remember to add metadata and resources to your own work on OSF to make it more discoverable! Learn more in our
- help guides.
-
-
-
- }
+
diff --git a/src/app/features/my-profile/components/my-profile-search/my-profile-search.component.ts b/src/app/features/my-profile/components/my-profile-search/my-profile-search.component.ts
index 0424081b2..7c6a7b3e2 100644
--- a/src/app/features/my-profile/components/my-profile-search/my-profile-search.component.ts
+++ b/src/app/features/my-profile/components/my-profile-search/my-profile-search.component.ts
@@ -1,17 +1,17 @@
import { Store } from '@ngxs/store';
-import { Button } from 'primeng/button';
-import { Tab, TabList, TabPanel, TabPanels, Tabs } from 'primeng/tabs';
+import { TranslatePipe } from '@ngx-translate/core';
+
+import { Tab, TabList, Tabs } from 'primeng/tabs';
import { debounceTime, skip } from 'rxjs';
-import { NgOptimizedImage } from '@angular/common';
-import { ChangeDetectionStrategy, Component, DestroyRef, effect, inject, untracked } from '@angular/core';
+import { ChangeDetectionStrategy, Component, DestroyRef, effect, inject, signal, untracked } from '@angular/core';
import { takeUntilDestroyed, toSignal } from '@angular/core/rxjs-interop';
import { FormControl } from '@angular/forms';
import { UserSelectors } from '@osf/core/store/user';
-import { SearchInputComponent } from '@osf/shared/components';
+import { SearchHelpTutorialComponent, SearchInputComponent } from '@osf/shared/components';
import { ResourceTab } from '@osf/shared/enums';
import { IS_XSMALL } from '@osf/shared/utils';
@@ -23,15 +23,13 @@ import { MyProfileResourcesComponent } from '../my-profile-resources/my-profile-
@Component({
selector: 'osf-my-profile-search',
imports: [
- Button,
- NgOptimizedImage,
+ TranslatePipe,
SearchInputComponent,
Tab,
TabList,
- TabPanel,
- TabPanels,
Tabs,
MyProfileResourcesComponent,
+ SearchHelpTutorialComponent,
],
templateUrl: './my-profile-search.component.html',
styleUrl: './my-profile-search.component.scss',
@@ -63,7 +61,7 @@ export class MyProfileSearchComponent {
protected selectedTab: ResourceTab = ResourceTab.All;
protected readonly ResourceTab = ResourceTab;
- protected currentStep = 0;
+ protected currentStep = signal(0);
private skipInitializationEffects = 0;
constructor() {
@@ -120,4 +118,8 @@ export class MyProfileSearchComponent {
this.selectedTab = index;
this.#store.dispatch(GetAllOptions);
}
+
+ showTutorial() {
+ this.currentStep.set(1);
+ }
}
diff --git a/src/app/features/preprints/components/preprint-provider-hero/preprint-provider-hero.component.html b/src/app/features/preprints/components/preprint-provider-hero/preprint-provider-hero.component.html
index 117f77e01..a5a0c4749 100644
--- a/src/app/features/preprints/components/preprint-provider-hero/preprint-provider-hero.component.html
+++ b/src/app/features/preprints/components/preprint-provider-hero/preprint-provider-hero.component.html
@@ -42,23 +42,13 @@
{{ preprintProvider()!.name }}