+ {t("readFile")} }
+
+
+ );
+ /* ----------------------------- Download button ---------------------------- */
+ const downLoadButton = (
+
+ );
+
+ /* ------------------------------- Cite button ------------------------------ */
+
+ const citeButton = (
+
+ );
return (
-
- {emphasis === "low" && !children ? abstractButton : null}
- {children ? children : fileInteractionButtons}
+
+
+
+
+
+
+
+
+ );
+}
diff --git a/src/components/ArticleSearchResult.tsx b/src/components/ArticleSearchResult.tsx
index c569005..a1571be 100644
--- a/src/components/ArticleSearchResult.tsx
+++ b/src/components/ArticleSearchResult.tsx
@@ -47,10 +47,11 @@ export const ArticleSearchResult = ({ searchItem }: Props) => {
{searchItem.tags}
{
+ return (
+
-
+
{t("mainPage.more")}
diff --git a/src/components/parts/Header.tsx b/src/components/parts/Header.tsx
index cae9eaf..9fbd384 100755
--- a/src/components/parts/Header.tsx
+++ b/src/components/parts/Header.tsx
@@ -5,7 +5,7 @@ import { useState, useTransition } from "react";
/* -------------------------------------------------------------------------- */
import ContextMenuAction from "../drop-down-menu/ContextMenuAction";
import ContextMenu from "../drop-down-menu/ContextMenu";
-import Logofreeland from "../Logofreeland";
+import LogoScipaper from "../LogoScipaper";
import { Button } from "../Button/Button";
import Avatar from "../Avatar";
import Navbar from "../Navbar";
@@ -47,13 +47,13 @@ const Header = () => {
xl:gap-60 xl:px-16"
>
{/* Logo and Menu */}
-
+ {emphasis != "high" && abstractButton}
+ {readFileButton}
+ {downLoadButton}
+ {citeButton}
+
);
}
diff --git a/src/components/Article/ArticleParts/InteractionButtons/ArticleShareButton.tsx b/src/components/Article/ArticleParts/InteractionButtons/ArticleShareButton.tsx
new file mode 100644
index 0000000..4a5c734
--- /dev/null
+++ b/src/components/Article/ArticleParts/InteractionButtons/ArticleShareButton.tsx
@@ -0,0 +1,87 @@
+import { BASE_URL } from "core/httpClient";
+import { useRef, useState } from "react";
+import { useTranslation } from "react-i18next";
+import { Button } from "../../../Button/Button";
+import { SVGCopy, SVGShare, SVGXmark } from "../../../icons";
+import Typography from "../../../typography/Typography";
+import { CopyToClipboard } from "react-copy-to-clipboard";
+import { Popover } from "@headlessui/react";
+
+type Props = {
+ emphasis?: "high" | "low";
+ linktoCopy?: string;
+};
+
+export function ShareButton({ emphasis, linktoCopy }: Props) {
+ const [t, i18next] = useTranslation("translation", {
+ keyPrefix: "articlePage.interactionButtons",
+ });
+ const [copied, setCopied] = useState(false);
+
+ const copyValue =
+ BASE_URL != undefined && linktoCopy != undefined
+ ? BASE_URL + linktoCopy
+ : t("searchResults.nothingFound");
+
+ function onCopy() {
+ setCopied(true);
+ setTimeout(() => {
+ setCopied(false);
+ }, 1500);
+ };
+
+ const handleFocus = (event: any) => event.target.select();
+
+ return (
+
+
+
+
+
+
+
+
+
+
+
+ {copied && (
+
+
+ {t("copied")}
+
+ )}
+
+
+
+ );
+};
+
+export default LogoScipaper;
diff --git a/src/components/Logofreeland.tsx b/src/components/Logofreeland.tsx
deleted file mode 100755
index 2fbcb29..0000000
--- a/src/components/Logofreeland.tsx
+++ /dev/null
@@ -1,39 +0,0 @@
-import React from "react";
-import classNames from "classnames";
-export type Props = {
- className?: string;
-};
-
-const Logofreeland = ({ className }: Props) => {
- return (
-
-
-
- );
-};
-
-export default Logofreeland;
diff --git a/src/components/MainPage/sections/FeaturedArticlesCards.tsx b/src/components/MainPage/sections/FeaturedArticlesCards.tsx
index 78f10f9..78f0289 100755
--- a/src/components/MainPage/sections/FeaturedArticlesCards.tsx
+++ b/src/components/MainPage/sections/FeaturedArticlesCards.tsx
@@ -169,7 +169,10 @@ const FeaturedArticlesCards = () => {
+
{/* Logo - start - className="w-7 sm:w-10 " /> */}
-
+
{
try {
const response = await integratorApiClient.get(
- // searchEndpoint + `?query=` + request + `&limit=10&offset=0`
- "https://run.mocky.io/v3/ea705665-2479-4039-8b81-412e011fc145"
+ searchEndpoint + `?query=` + request
+ // "https://run.mocky.io/v3/ea705665-2479-4039-8b81-412e011fc145"
);
const dto = response.data;
return create({
{link}
;
+ return link;
}
diff --git a/src/core/httpClient.ts b/src/core/httpClient.ts
index 3b4d76b..83f7924 100755
--- a/src/core/httpClient.ts
+++ b/src/core/httpClient.ts
@@ -1,5 +1,5 @@
import axios from "axios";
-const BASE_URL = process.env.REACT_APP_INTEGRATOR_URL;
+export const BASE_URL = process.env.REACT_APP_INTEGRATOR_URL;
export const GRAPHQL_URL = process.env.REACT_APP_GRAPHQL_URL ?? "";
const instance = axios.create({
diff --git a/src/pages/SearchResultsPage.tsx b/src/pages/SearchResultsPage.tsx
index e6d3f35..00f7833 100644
--- a/src/pages/SearchResultsPage.tsx
+++ b/src/pages/SearchResultsPage.tsx
@@ -3,9 +3,6 @@ import BaseLayout from "components/BaseLayout";
import { SearchSection } from "components/SearchSection";
import { ColumnLayout } from "components/layouts/ThreeColumn/ColumnLayout";
import { SearchResultSection } from "components/SearchResultsSection";
-import { useSearchStoreImplementation } from "searchResults/data/searchStoreImplementation";
-import { useSearchViewModel } from "searchResults/controller/searchResultsViewModel";
-import { Loader } from "components/Loader/Loader";
import Fiter from "components/Filters/Filter";
export const SearchResultsPage = () => {
@@ -14,7 +11,7 @@ export const SearchResultsPage = () => {