Skip to content

Commit

Permalink
feat(web): display-dispute-specific-attachment-link
Browse files Browse the repository at this point in the history
  • Loading branch information
Harman-singh-waraich authored and jaybuidl committed Jan 5, 2024
1 parent 54c0b96 commit 936a156
Show file tree
Hide file tree
Showing 3 changed files with 42 additions and 3 deletions.
17 changes: 17 additions & 0 deletions web/src/assets/svgs/icons/paperclip.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
22 changes: 20 additions & 2 deletions web/src/pages/Cases/CaseDetails/Overview/Policies.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -5,6 +5,7 @@ import { IPFS_GATEWAY } from "consts/index";
import PolicyIcon from "svgs/icons/policy.svg";
import { isUndefined } from "utils/index";
import { responsiveSize } from "styles/responsiveSize";
import PaperclipIcon from "svgs/icons/paperclip.svg";

const ShadeArea = styled.div`
display: flex;
Expand Down Expand Up @@ -46,21 +47,38 @@ const StyledPolicyIcon = styled(PolicyIcon)`
fill: ${({ theme }) => theme.primaryBlue};
`;

const StyledPaperclipIcon = styled(PaperclipIcon)`
width: 16px;
fill: ${({ theme }) => theme.primaryBlue};
`;

const LinkContainer = styled.div`
display: flex;
gap: ${responsiveSize(8, 24)};
gap: ${responsiveSize(16, 24)};
flex-wrap: wrap;
`;

type Attachment = {
label?: string;
uri: string;
};
interface IPolicies {
disputePolicyURI?: string;
courtId?: string;
attachment?: Attachment;
}

export const Policies: React.FC<IPolicies> = ({ disputePolicyURI, courtId }) => {
export const Policies: React.FC<IPolicies> = ({ disputePolicyURI, courtId, attachment }) => {
return (
<ShadeArea>
<StyledP>Make sure you read and understand the Policies</StyledP>
<LinkContainer>
{!isUndefined(attachment) && !isUndefined(attachment.uri) ? (
<StyledA href={`${IPFS_GATEWAY}${attachment.uri}`} target="_blank" rel="noreferrer">
<StyledPaperclipIcon />
{attachment.label ?? "Attachment"}
</StyledA>
) : null}
{isUndefined(disputePolicyURI) ? null : (
<StyledA href={`${IPFS_GATEWAY}${disputePolicyURI}`} target="_blank" rel="noreferrer">
<StyledPolicyIcon />
Expand Down
6 changes: 5 additions & 1 deletion web/src/pages/Cases/CaseDetails/Overview/index.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -73,7 +73,11 @@ const Overview: React.FC<IOverview> = ({ arbitrable, courtID, currentPeriodIndex
{...{ rewards, category }}
/>
</Container>
<Policies disputePolicyURI={disputeTemplate?.policyURI} courtId={courtID} />
<Policies
disputePolicyURI={disputeTemplate?.policyURI}
courtId={courtID}
attachment={disputeTemplate?.attachment}
/>
</>
);
};
Expand Down

0 comments on commit 936a156

Please sign in to comment.